/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Verdana, sans-serif;
	color: #e3e3e3; /*  cbcbcb d0d0d0 f0f0f0 e3e3e3 */
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-size: 11px;
}

img {
	border: 0;
}

a {
	color: #96bae3;
	text-decoration: underline;
}

a:link {
	color: #96bae3;
	text-decoration: underline;
}

a:visited {
	color: #96bae3;
	text-decoration: underline;
}

a:hover {
	color: #e3e3e3;
	text-decoration: underline;
}

/* I have removed inner_nav styles and have put them in products.css */

#cart a {
	text-decoration: none;
}

#cart a:link {
	text-decoration: none;
}

#cart a:visited{
	text-decoration: none;
}

#cart a:hover {
	color: #fefefe;
	text-decoration: underline; 
}

h1 {
 color: #f3f3f3;
 font-size: 150%;
 margin: 0 0 0 0;
 padding: 0;
}

h1.page_heading {
	border-bottom: solid 1px #e3e3e3;
	width: 100%;
	margin-top: -4px;
	margin-bottom: 15px;
/*	text-transform: capitalize; */
}

h1.store_page_heading {
	width: 100%;
	margin-top: -4px;
	margin-bottom: 15px;
}

h1.products_heading {
	font-size: 300%;
	padding-bottom: 5px;
}

h2 {
	font-size: 120%;
	margin: 0;
 	padding: 0;
}


h2.page_heading {
	border-bottom: solid 1px #e3e3e3;
	width: 100%;
	margin-top: -2px;
	margin-bottom: 15px;
}

#store_location_label {
	color: #707070;
}

/* 	
	IE <= v6 doesn't recognize the child selector so I am using
	it to hide rules which are correcting problems with IEs box layout.
	TODO: move this to ie_hacks.css
*/
#content>h2.page_heading {
	margin-top: 0;
}

h3 {
 font-size: 110%;
 margin: 0;
 padding: 0;
}

h4, h5 {
 font-size: 100%;
 margin: 0 0 10px 0;
 padding: 0;
}

abbr {
  text-decoration: none;
  border-bottom: none;
}

.light_grey {
	color:#999999;
}
.medium_grey {
	color: #707070;
}

.gunmetal_grey {
	color: #4c4f46;
}

.section_heading {
	border-bottom: 1px solid #4e4e4e;	
}

.privacy_heading_first {
	border-bottom: 1px solid #4e4e4e;
	margin: 5px 0 0 0;
	line-height: 1.3;
	width: 539px;
}

.privacy_heading {
	border-bottom: 1px solid #4e4e4e;
	margin: 20px 0 0 0;
	line-height: 1.3;
	width: 539px;
}

.headline_left {
	color: #aaa;
	font-weight: bold;	
}

p {
	margin: 0 0 10px 0;
	line-height: 14px;
}

ul {
  list-style-type: none;
	padding: 0;
	margin: 0;
}

th {	
	text-align: left;
	font-size: 120%;
	margin: 0px;
	padding: 0px;
}

td {	
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.float_container:after { 
	content: "."; 
	display: block; 
	font-size: 0px; 
	clear: both;
	visibility: hidden;
	height: 0px;
} /* Having something in the content such as a period gives a more consistent results across browsers. */

/* Hides from IE Mac \*/ 
* html .float_container { height: 1%; } 
.float_container{ displaylock; } 
/* End Hack */ 

.superscript {
	vertical-align: super;
	font-size: 80%;
}

.footnote {
	font-size: 90%;
}
.footnote2 {
	font-size: 80%;
}

.alert_message {
	border: solid 1px #0182c5;
	background-color: #2a2a2a;
	padding: 10px;
	margin-bottom: 10px;
}

.error_message { 
  font-size: 120%; 
  color: #ff0000; 
  border: solid 1px #ff0000; 
	background-color: #2a2a2a;
  padding: 15px; 
  margin-bottom: 20px; 
 }
 
 #brdr {
	border: 1px solid #999999;
	display: block;
	padding: 10px;
	color: #999999;
 }
 
 .hdr {
	font-weight: bold;
	color: #FFFFFF; 	
 }
 
 
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#all_content {
	width: 772px;
	margin: 0 auto;
}

#masthead {
	border-bottom: 1px solid #333;
	padding: 15px 0 0 15px;
	height: 50px; /* in css compliant browsers the container div's height is not affected by children which are floated */
	width: 757px; 
}

#center_container{
	text-align: left;
	padding-top: 15px;
  width: 100%;
}

#content {
	width: 580px;
	margin-bottom: 50px;
	display: inline;
	float: right;
	z-index: 0;
	min-height: 350px;
}

/***********************************************/
/* Components                                  */
/***********************************************/



/************* #global_nav styles **************/

#logo {
	padding: 0px 0px 4px 0px;
	margin-right: 10px;
	display: inline;
	float: left;
}

#global_nav {
	padding-top: 22px;
	padding-left: 14px;
	float: left;
}

/* 
  TRICKY: The order of these rules is important. 
          We are using a modified version of the Gilder/Levin method of image replacement. 
*/

#global_nav ul, #global_nav ul li {
  float: left;
}

#global_nav ul li a { /* see ie_7_hacks.css */
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
	position: relative;
}

#global_nav ul li a.topnav_rollover span {
	background-repeat: no-repeat;
  	position: absolute;
  	width: 100%;
  	height: 100%;
}

#global_nav ul li a.topnav_rollover:hover span {
	background-position: 0 -50px;
	cursor: pointer;
}

#global_nav ul li a.topnav_rollover.selected span {
	background-position: 0 -25px;
}

#global_nav ul li a#products { 
  width: 76px;
}

#global_nav ul li a#products span { 
	background-image: url("/images/topnav/products.gif");
}

#global_nav ul li a#solutions { 
  width: 86px;
}

#global_nav ul li a#solutions span { 
	background-image: url("/images/topnav/solutions.gif");
}

#global_nav ul li a#partners { 
  width: 79px;
}

#global_nav ul li a#partners span { 
	background-image: url("/images/topnav/partners.gif");
}

#global_nav ul li a#store { 
  width: 56px;
}

#global_nav ul li a#store span { 
	background-image: url("/images/topnav/store.gif");
}

#global_nav ul li a#support { 
  width: 73px;
}

#global_nav ul li a#support span { 
	background-image: url("/images/topnav/support.gif");
}

#global_nav ul li a#press { 
  width: 57px;
}

#global_nav ul li a#press span { 
	background-image: url("/images/topnav/press.gif");
}

#global_nav ul li a#news { 
  width: 53px;
}

#global_nav ul li a#news span { 
	background-image: url("/images/topnav/news.gif");
}

#global_nav ul li a#about { 
  width: 58px;
}

#global_nav ul li a#about span { 
	background-image: url("/images/topnav/about.gif");
}




div#cart {
	float: right;
	padding-top: 22px;
	padding-left: 25px;
}

div#cart img {
	border: 0px; 
	padding-right: 5px; 
	vertical-align: middle;
}

/************* #left_nav styles **************/


#left_nav {
	width: 182px;
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
	margin-bottom: 40px;
}

#left_nav ul {
	list-style: none;
}

#left_nav ul li {
	display:inline;
	padding: 0px;
	margin: 0px;
	width: 182px;
}


/****************    combined image rollovers    *****************/

/* 
  TRICKY: The order of these rules is important. 
          We are using a modified version of the Gilder/Levin method of image replacement. 
*/

#left_nav ul li a { /* see ie_7_hacks.css */
	display: block;
	margin: 0px;
	padding: 0px;
	width: 182px;
	height: 16px;
	position: relative;
}

#left_nav ul li a.leftnav_rollover_bottom {
	border-bottom: 1px solid #4c4f46;
}

#left_nav ul li a.leftnav_rollover span, #left_nav ul li a.leftnav_rollover_bottom span {
	background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}

#left_nav ul li a.leftnav_rollover:hover span, #left_nav ul li a.leftnav_rollover_bottom:hover span {
	background-position: 0 -32px;
	cursor: pointer;
}

#left_nav ul#three_in_one_leftnav li a.leftnav_rollover.selected span, #left_nav ul#three_in_one_leftnav li a.leftnav_rollover.selected:hover  span {
	background-position: 0 -16px;
}

#left_nav ul#three_in_one_leftnav li a.leftnav_rollover_bottom.selected span,  #left_nav ul#three_in_one_leftnav li a.leftnav_rollover_bottom.selected:hover  span{
	background-position: 0 -16px;
	border-bottom: 1px solid #4c4f46;
}

/* pull quotes */

.column_container {
	overflow: hidden;
	width: 182px;
}

#pull_column {
	float: left;
	clear: left;
}

.pull_quotes, .store_text {
	margin: 20px 0 20px 0;
	clear: left;
	width: 182px;
	padding: 0;
}

.pull_quotes p, .store_text p {
	margin: 0 10px 10px 10px;
	display: block;
	padding: 0;
}

.store_text a {
	text-decoration: underline !important;
	color: #FFFFFF !important;
}


.pull_quotes a {
	text-decoration: none !important;
	display: block;
	margin: 0px 10px 0 10px;
}

/************* #footer_nav styles **************/

#footer {
	border-bottom: 1px solid #8d8d8d;
	border-top: 1px solid #8d8d8d;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 5px 0;
	text-align: left;
	min-height: 0;
	float: left;
}

#footer_slogan {
	float: left;
	padding: 2px 0 2px 0;
	margin: 0;
}

#footer_slogan img {
  margin-left: 15px;
}

#footer_nav {
	margin: 0 5px 0 0;
	width: 500px; /* was 400px */
	float: right;
	text-align: right;
	padding-top: 4px;
}

#footer_nav ul {
  width: 100%;
  float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#footer_nav li {
	display: inline;
	margin: 0 0 0 0; /*0 30px 0 0*/
	padding: 0 0 0 0;
}

li#footer_sales_info {
	display: inline;
	margin: 0 0 0 50px;
	padding: 0 0 0 0;
}

/* 
	NEW FOOTER STYLES

  TRICKY: The order of these rules is important. 
          We are using a modified version of the Gilder/Levin method of image replacement. 


#footer_nav ul, #footer_nav ul li {
  float: left;
}

#footer_nav ul li a { /* see ie_7_hacks.css 
	display: block;
	margin: 0px;
	padding: 0px;
	height: 10px;
	position: relative;
}

#footer_nav ul li a.bottom_nav_rollover span {
	background-repeat: no-repeat;
  	position: absolute;
  	width: 100%;
  	height: 100%;
}

#footer_nav ul li a.bottom_nav_rollover:hover span {
	background-position: 0 -10px;
	cursor: pointer;
}

#footer_nav ul li a.bottom_nav_rollover.selected span {
	background-position: 0 -10px;
}

#footer_nav ul li a#about { 
  width: 56px;
}

#footer_nav ul li a#about span { 
	background-image: url("/images/bottomnav/bottom_about.gif");
}
#footer_nav ul li a#about { 
  width: 56px;
}

#footer_nav ul li a#about span { 
	background-image: url("/images/bottomnav/bottom_about.gif");
}
*/

/************************************************************/
/*												buttons 													*/
/************************************************************/

#next_previous {
	width: 100%;
	height: 17px;
	padding-top: 15px;
	z-index: 10;
	position: relative;
}

.previous {
	float: left;
	background-image: url("/images/buttons/previousover.gif"); 
  
}

.next {
	float: right;
	background-image: url("/images/buttons/nextover.gif");
}

a.btn_next {
	background-image: url("/images/buttons/nextoff.gif"); 
	display: block; 
	height: 17px; 
	width: 94px;
}

a.btn_next:hover {
	background-image: url("/images/buttons/nextover.gif"); 
}

a.btn_previous {
	background-image: url("/images/buttons/previousoff.gif"); 
	display: block; 
	height: 17px; 
	width: 94px;
}

a.btn_previous:hover {
	background-image: url("/images/buttons/previousover.gif"); 
}

a.btn_submit {
	background: url('/images/buttons/submit_blk_off.gif'); 
	display: block; 
	height: 18px; 
	width: 96px;
}

a.btn_submit:hover {
	background: url('/images/buttons/submit_blk_on.gif');
}

a.btn_accept {
	background-image: url("/images/buttons/accept.gif"); 
	display: block; 
	width: 96px;
	height: 18px; 
}

a.btn_accept:hover {	
	background-position: 0 -18px;
}

/***** New Left Nav Style  ******/

#left_nav_req_corp {
	position: relative;
	top: 50px;
	width: 160px;
	padding-left: 15px;
}
#left_nav_req_info_news {
	position: relative;
	top: 110px;
	width: 160px;
	padding-left: 15px;
}
#left_nav_req_info_prod {
	position: relative;
	top: 160px;
	width: 160px;
	padding-left: 15px;
}
#left_nav_req_info_sol {
	position: relative;
	top: 150px;
	width: 160px;
	padding-left: 15px;
}

	/* p79 refresh */
#left_nav_oqo_enews {
	margin-top: 20px;
}
img.floatLeft {
	float: left; 
    margin-right: 5px;
	margin-bottom: 40px; 
}

/***** new styles added by mon ****/

#page_title {
	padding-bottom:0px;
	display:block;
}