/* $Id: main.css,v 1.27 2009/08/10 01:14:20 jhooper Exp $ */

/* NOTE: As Mozilla is most standards-compliant, primary CSS is optimised for it. */
/* Rationale: As IE becomes more compliant, hacks etc can be removed from IE-specific CSS */

/* CORE ELEMENTS */

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

p, ul {
	font-size: 12px;
}

/* CONTAINERS */

#mastHeadContainer {
	height: 111px;
	width: 100%;
	background-image: url(../images/Final-flat.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin-bottom:15px;
	margin-top:0px;
	padding: 0px;
}

#navContainer {
	padding-left: 178px;
	height: 41px;
	margin-top: -15px;
	background-image: url(../images/nav-gradient.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;	
}

#sidebar {
	width: 178px;
	vertical-align: top;
}

#contentContainer {
	font-size: 12px;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* MASTHEAD */

#logo {
	padding-right: 36px;
}

#siteTitle {
	padding-right: 36px;
	color: #002E5A;
	font-weight: bold;
	font-size: 1.5em;
}

/* NAVIGATION */

.navElement {
	float: left;
	height: 41px;
	padding-left: 7px;
	padding-right: 7px;
	border-left: 1px solid #FFFFFF;
}

.lastElement {
	border-right: 1px solid #FFFFFF;
}

/* BODY */

#bodyclear {
	float: none;
	clear: both;
	margin-left: -3px;
	margin-right: -2px;
	margin-top: -3px;
	padding: 0;
	border: none;
	width: 100%;
}

/* SIDEBAR */

#loginContainer {
	height: 142px;
	background-color: #2D5278;
}

#loginBox {
	height: 140px;
	width: 148px;
	padding-left: 10px;
	border: 1px solid #355679;
	background-color: #FFFFFF;
	text-align: left;
	
}

p.sidebar {
	padding-right: 10px;
	font-size: 10px;
}

p.topLink {
	margin-right: 1em;
	text-align: right;
}

/* CONTENT */

#breadcrumbContainer {
	padding-top: 10px;
	color: #666666;
	font-size: 10px;
}

.breadCrumb {
	font-weight: bold;
}

h1.contentHead {
	margin-left: -9px;
	margin-top: 15px;
	padding-left: 4px;
	padding-bottom: 1px;
	border-left: 4px solid #E39B08;
	color: #355679;
	font-weight: bold;
	font-size: 18px;
}

h2 {
	padding-bottom: 1px;
	border-bottom: 1px solid #355679;
	color: #355679;
	font-weight: bold;
	font-size: 16px;
}

h2.contentHead {
	margin-left: -9px;
	margin-top: 15px;
	padding-left: 4px;
	padding-bottom: 1px;
	border-left: 4px solid #E39B08;
	border-bottom: none;
	color: #355679;
	font-weight: bold;
	font-size: 16px;
}

h3 {
	color: #355679;
	font-weight: bold;
	font-size: 14px;
}

h3.contentHead {
	margin-left: -9px;
	margin-top: 15px;
	padding-left: 4px;
	padding-bottom: 1px;
	border-left: 4px solid #E39B08;
	color: #355679;
	font-weight: bold;
	font-size: 14px;
	
}

h4 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}

h5 {
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}

.moreDetail {
	padding-right: 20px;
	text-align: right;
	color: #DB221F;
	font-weight: bold;
	font-size: 11px;
}

#leftColumn {
	padding: 20px;
}

#rightColumn {
	padding: 20px;
}

#footer {
	padding-right: 1em;
	background-color: #002E5A;
	color: #FFFFFF;
	font-size: 10px;
	height: 2em;
}

ul {
	list-style: square;
	margin: 0px 0px 0px 20px;
	padding-left: 0px;
}

li {
	padding-bottom: 3px;
}

.odd {
	background-color: #EBEFF5;
}

.even {
	background-color: #F7F8FE;
}

input {
	margin: 3px;
}

input.text {
	border: 1px solid #012F5D;
}

input.login {
	margin-left: 52px;
}

select {
	margin: 3px;
	font-size: 10px;
}

p.indent {
	margin-left: 40px;
}

a:link {
	border-bottom: 1px dotted #012F5D;
	color: #355679;
	text-decoration: none;
}

a:visited {
	border-bottom: 1px dotted #012F5D;
	color: #012F5D;
	text-decoration: none;
	
}

a:hover {
	color: #012F5D;
	border-bottom: 1px solid #012F5D;
}

a:active {
	color: #DB221F;
}

a:link.navlink, a:visited.navlink, a:hover.navlink, a:active.navlink {
	color: #FFFFFF;
	border: 0;
}

.disclaimer:before
{
	content: "Note: ";
}

.disclaimer
{
	
	font-size: 10px;
	font-style: italic;
}

#imageCaption
{
	font-weight: bold;
	font-size: 10px;
}

#arc-top
{
	height: 14px;
	width: 178px;
	background-color: #2D5278;
}

table.verticalAxis tr th {
	text-align: left;
	vertical-align: text-top;
}

.dealStructureLevel3 {
	border: 1px dotted #EBEFF5;
	margin: 3px;
	padding: 3px;
}

.dealStructureLevel4 {
	border: 1px dotted #EBEFF5;
	margin: 3px 0px 3px 0px;
	padding: 3px 0px 3px 0px;
}

/* EXTRANET */

#extranetNavContainer
{
	margin-left: -3px;
	height: 37px;
	background-color: #F9F4BB;
}

a:link.sitenav, a:visited.sitenav, a:hover.sitenav, a:active.sitenav {
	color: #FFFFFF;
	border: 0;
}

a:hover.sitenav
{
	text-decoration: underline;
}

.panelHeading {
	font-weight: bold;
	margin: 2px;
}

/* MEMBER LIST */

.memberListContainer
{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 10px;
	border-bottom: 2px solid #2D5278;
	border-right: 2px solid #2D5278;
	background-color: #DCDDDD;
	margin-bottom: 10px;
	margin-top: 40px;
}

.memberCompanyName
{
	border-left: 3px solid #E39B08;
	padding-left: 8px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.memberCompanyLocationName
{
	border-left: 3px solid #E39B08;
	padding-left: 8px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

.memberLogoCell
{
	padding-right: 20px;
	width: 160px;
	vertical-align: top;
	text-align: center;
}

.memberContactTypeCell
{
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	padding-right: 30px;
	padding-bottom: 10px;
}

.memberContactInfo
{
	padding-bottom: 10px;
}

.memberExpansion
{
	text-align: center;
}

.memberLocationContainer
{
	margin-bottom: 10px;
}

.memberExpandedDetails
{
	margin-top: 0px;
	display: none;
}

#printPage
{
	margin-top: -5px;
	margin-bottom: 10px;
	text-align: right;
}

#printPage a
{
	border-bottom: none;
}

#contentContainer .errorMessage {
	color: #FF0000;
}


/* FORMS */

form {
  margin: 0;
}


#contentContainer form input, #content form select, #content form textarea {
	font-family: verdana;
	font-size: 12px;
	color: #7A7C7E;  
	
}

#contentContainer form p {
	margin-top: 0px;
}

#contentContainer form legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 115%;
  color: #355679;
  font-weight: bold;
}

#contentContainer form fieldset {
	padding: 10px;
	border: 1px solid #EBEFF5; 
}



#contentContainer form div.formContainer {
 /* width: 450px;*/
	 width: 80%;
}


#contentContainer form div.row, #contentContainer form div.rowHelp {
  clear: both;
  padding-top: 5px;
}

#contentContainer form span.label {
  float: left;
 /* width: 150px;*/
 width: 40%;
 
  text-align: right;
  font-weight: bold;
  padding: 1px;
}

#contentContainer form span.field {
  float: right;
 /* width: 265px;*/
 width: 58%;
  text-align: left;
  white-space: nowrap;
} 

#contentContainer form div.rowHelp {
  cursor: help;
} 

#contentContainer form span.erroneousField {
  float: right;
  width: 58%;
  white-space:nowrap;
  text-align: left;
  border: 2px dashed #F9F4BB;
  background-color: #F9F4BB;
}

#contentContainer form span.field em, #contentContainer form span.erroneousField em {
  color: #FF0000;
} 

#contentContainer form div.spacer {
  clear: both;
}
#contentContainer form .button, #contentContainer form .submit {
  background: none;
  background-color: #2D5278;
  border-top: 1px solid #2D5278;
  border-left: 1px solid #2D5278;
  border-bottom: 1px solid #2D5278;
  border-right: 1px solid #2D5278;
  color: white;
  font-weight: bold;
  clear: all;
}

#tabs {
	float:right;
	height:39px;
	line-height:39px;
	margin-top:-5px !important;
	margin:0px 100px 0 0;
	padding:0;
	text-align:right;
}

#tabs li#tableft {
	display:block;
	float:left;
	top:0;
	left:0;
	margin:0;
	background:url(../images/tableft.gif) no-repeat top left;
	padding:0;
	height:39px;
	width:64px;
}

#tabs ul {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
	height:39px;
	text-align:left;
}

#tabs ul li {
	
	height:39px;
	float:left;
	width:100px;
	line-height:1.1em;
	padding:5px;
	color:#ffffff;
	background:url(../images/tabbg.gif) repeat-x top left;
	text-align:left;
}

#tabs ul li a, #tabs a:visited, #tabs a:hover, #tabs a:active {
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	border-bottom:none;

}

#tabs li#tabright {
	float:left;
	width:8px;
	height:39px;
	margin:0;
	padding:0;
	background:url(../images/tabright.gif) no-repeat top left;
}

/* single product template styles */
.productArea{
	border: 1px solid #C7D1E2;
	max-width: 800px;
	min-width: 300px
	width: auto;
	
}
.prod_description{
	float: left;
	width: 47%;
	margin-bottom: 30px;
}

.productImage{
  width: 50%;
  float: right;

} 
.orderArea{
	max-width: 800px;
	min-width: 300px
	width: auto;
	border: 1px solid #C7D1E2;
	margin-top: 0px;
}
#contentContainer #totalPriceDisplay{
	font-weight: bold;
}
.multiProduct{
	width: 38%;	
	float: left;
	margin-bottom: 20px;
	margin-right: 13px;
	border: 1px solid gray;
	padding: 1px;

}
.multiProduct_topheader{
	height: 35px;
	background-color: #274D73;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 8px;
	margin-bottom: 5px;
	text-align: center;
	vertical-align:middle;

}

.multiProduct_topheader img{
	float: left;
	padding-top: 1px;
	padding-bottom: 10px;
}	
.multiProduct_content{
	padding: 5px;
	float: left;
	border-bottom: 1px solid gray;
	width: 98%;
	/*height: 150px;*/
}

.multiProduct_content img{
	float: right;
	border: 0px;
}

.multiProduct_options{
	border: 1px solid red;
}

.productTable{
	padding: 5px;
	margin-top: 10px;
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
.product_table_header{
	background-color: #274D73;
	color: white;
}

.confirm_table_header{
	background-color: #274D73;
	text-align: left;
	border: 1px solid gray;
	vertical-align: top;
	color: white;
}

.confirmationNote{
	border: 1px solid gray;
	padding: 5px;
	margin-top: 5px;
	height: 20px;
	width: 79%;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.orderArea_confirm{
	width: 78%;
	border: 1px solid gray;
	padding: 10px;
	margin-top: 5px;
}
.specialImage{
	float: left;
	width: 70px;
	border: 1px solid #C7D1E2;
	height: 58px;
	padding: 2px;
	margin-bottom: 5px;
}

.specialImage img{
	border: 0px;
}
.specialImage a{
	border: 0px;
	text-decoration: none;
}


.specialsInfo{
	float: left;
	margin-left: 10px;
	border: 1px solid #C7D1E2;
	width: 300px;
	padding: 10px;

	margin-bottom: 5px;
}

/* FS MESSAGE STYLES FROM FS 5.0 */
.fs_message {
	margin-bottom:6px;
	padding:12px 12px 24px 12px;
	background:url(../images/fs_message.gif) bottom left no-repeat;
	background-color:#e5e5e5;
	text-align:left;
	}

.fs_message p {
	display:inline;
	}

.fs_messageImage {
	display:block;
	float:left;
	margin-right:12px;
	height:50px;
	width:48px;
	}

.fs_message h4 {
	margin-bottom:1em !important;
	font-size:1em !important;
	font-weight:bold !important;
	}

.fs_error h4 {
	color:#cc2929 !important;
	}

.fs_error .fs_messageImage {
	background:url(../images/fs_error.gif) no-repeat;
	}

.fs_warning h4 {
	color:#e57200 !important;
	}

.fs_warning .fs_messageImage {
	background:url(../images/fs_warning.gif) no-repeat;
	}

.fs_information h4 {
	color:#0080ff !important;
	}

.fs_information .fs_messageImage {
	background:url(../images/fs_information.gif) no-repeat;
	}

.fs_success h4 {
	color:#56802d !important;
	}

.fs_success .fs_messageImage {
	background:url(../images/fs_success.gif) no-repeat;
	}
	
/* Start Data Structure Page Styles */	

ul#ds_menu {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#ds_menu li{
	display: inline;
	list-style-type: none;
}

#ds_menu a {
	padding: 1px 1px;
}

#ds_menu a:link, #ds_menu a:visited
{
	color: #355679;
	background-color: #f2f2f2;
	text-decoration: none;
	border:1px solid #ccc;
	font-weight:bold;
}

#ds_menu a:hover
{
	color: #355679;
	background-color: #fff;
	text-decoration: none;
	border:1px solid #ccc;
	font-weight:bold;
}

#ds_itemBlock{
width: auto;
}
#ds_itemBlock h1{
background-color: #f2f2f2;
text-align: center;
font-weight:bold;
font-size:15px;
color:#355679;
border-color: #ccc; 
border-style: solid;
border-width: 1px;;
}

#ds_itemBlock h2{
text-align: left;
font-weight:bold;
font-size:13px;
color:#355679;
border: none !important;
}

#ds_itemBlock .ds_row{
position:relative;
width:auto;
padding-bottom:25px;
margin-left:15px;
clear:both;
- height:100%; // IE 6 fix
- padding-bottom:10px;  // IE 6 fix
}

#ds_itemBlock .ds_col1{
position:relative;
width:25%;
font-weight:bold;
font-size:12px;
color:#000;
float:left;
}
#ds_itemBlock .ds_col2{
position:relative;
width:75%;
font-weight:normal;
font-size:12px;
color:#000;
float:left;
clear:right;
}

#ds_itemBlock .ds_top{
clear:both;
text-align: right;
margin-right:1em;
font-size:12px;
height:16px;
padding-top:10px;
}

#ds_itemBlock .ds_lineBreak{
width:100%;
height:20px;
border-bottom: 1px dashed #ddd;
clear:both;
}


/* End Data Structure Page Styles */