/* css document */
body
{background:url(/wps/wcm/jsp/images/error/bg-page.gif) repeat-x left top; margin:0; padding:0;}

input 
{font:normal 1em Arial; color:#555; width:200px; line-height:normal; border:1px solid #CCC;}

select 
{font:normal 1em Arial; color:#555; width:207px; border:1px solid #CCC;}

textarea 
{margin:0; padding:0; font:normal 1em Arial; color:#555; width:350px; border:1px solid #CCC; height:100px;}

hr
{clear:left; margin-top:10px; height:1px; color:#CCCCCC;}

#container 
{margin:0 auto; width:990px;}

/************** Flash Header starts here ***************/
#header
{margin:0; padding:0; width:990px; height:50px;}

#leadstory
{width: 990px; height: 100px;}


/************** Primary Navigation starts here ***************/

#globalnav
{padding:0; padding: 0 0 0 1.2em; margin: 0px;}
	
#globalnav ul
{list-style-type:none;	padding:0; left: auto;}
	
#globalnav li
{float:left; color:#638e97;	font:bold 0.87em arial; list-style:none; text-decoration:none; margin-top: 15px; text-align: center; padding: 0 1.2em 0 0;}
	
#globalnav a
{padding:0;	display:block;	color:#638e97;	text-decoration:none; }
	
#globalnav a:hover
{color:#12c2e9;}

/************** Secondary Navigation starts here ***************/

#subnav
{margin:0; padding:0; position:absolute; top:50px; width:600px; float:left; left:470px;}

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

#subnav li
{padding-right:15px; font:normal 1.12em arial;	text-decoration:none; text-align: center; margin-top: 40px; list-style:none; float:left;}

html>body #subnav li
{margin-right: 40px; margin-left:5px;}
	
#subnav a
{padding:0;	display:block;	color:#ffffff;	text-decoration:none;}

#subnav li a:hover
{color:#ffffff;}


/************** Smart Search starts here ***************/


#search_box 
{float: right;	margin-top: 7px; margin-right: 5px; width: 330px;	height: 31px; background: url(../images/home/bg-search.gif) no-repeat left ; }
 
#search_box #s 
{position: absolute; margin: 8px 0 0 10px; border: 0; width: 270px; background: none; font: normal 0.87em arial; color:#638e97;}
 
#search_box #go
{background:none; float: right; margin-top: 0; width:34px; height:34px; border:none;}

#find
{float:left; color:#12c2e9;	font:bold 0.87em Arial; text-decoration:none; margin: 7px 0 0 120px; padding-top:7px;}

 
   
/*/************** Footer navigation starts here ***************/ 

#bottomnav 
{margin:0; padding:0;}

#bottomnav ul
{list-style-type:none;	padding:0;}
	
#bottomnav li
{padding: 0; float:left; color:#797979; font:normal 0.75em arial; list-style:none; text-decoration:none; text-align: center; margin-top:20px; padding:0 14px 10px 0;} /* border:1px solid #000099;*/
 
#bottomnav a
{padding:0;	display:block;	color:#797979;	text-decoration:none;}


/******************* This id is for left navigation*******************/
#leftnav{margin:0; padding:0; float:left;}

#leftnav ul
{margin: 0;  list-style-type: none; font:bold 13px arial; float:left; width:180px;}

#leftnav a
{padding:0;	display:block;	color:#638e97;	text-decoration:none; padding: 1.5em 1.5em .5em 1.5em;}

#leftnav li a#active
{color:#12c2e9;	cursor:default;}

#leftnav a:hover
{color:#12c2e9;}

#leftnav li li a
{display: block; color: #638e97; width: 15em; padding: .7em 0 0 2.1em; text-decoration: none;}


/************** Disclaimer starts here ***************/ 

#footer 
{float: left; margin-top:22px; width:951px; border-top:1px solid #ccc; display:block;}

#footer #disclaimer
{font: normal 0.55em arial; color: #797979; width:650px; float:left; margin:10px 0 10px 0;}
	
#footer #copyright 
{font: normal 0.55em arial; color: #797979; float:left; clear:left;}

/************** Content starts here ***************/ 

#midcontainer
{float:left; width:410px; margin-left: 10px; border-right: 10px; z-index:4;}

#pagetitle
{font: normal 1.7em Arial; color:#12c2e9; height:47px;}

p
{font: normal 0.75em Arial; color:#555555; line-height:1.3; padding:5px 5px 0 0; margin:0px;}

#bluetext
{font: normal 0.75em Arial; color:#0e8ba6; padding:12px 0 0 0;}

#blacktext
{font: normal 0.75em Arial; color:#555555; padding:12px 0 0 0;}

#pagination
{font-family: Arial; color:#ababab; line-height:1.3;}

.bluetitle
{font: bold 0.87em Arial; color:#0e8ba6; padding-top: 20px;}

#thumbnailphoto
{width:800px; margin:5px 0 0 0;}

#thumbnailphoto_desc
{width:750px; margin-top:-92px; margin-left:120px;}

#subtitle
{font: bold 1em Arial; color:#0e8ba6; padding:0 0 0 0; height:30px;}

#line
{background: url(../images/search/grey-line.gif) repeat-x left bottom; width:400px; margin:0 0 10px 0;}

#otherstoriesbg
{background-image:url(../images/ourcompany/otherstories-bg.jpg); background-repeat:no-repeat; width:125px; height:128px; padding: 13px 0 0 13px; margin: 10px 10px 0 0; float:left;}

#inset
{background-color:#2194ae; width:365px; height:100px; margin:30px 0 30px 0;}

#inset_text
{font:normal 0.87em Arial; color:#ffffff; width:190px; margin-top:-90px; margin-left:170px;}

.bullet ul
{margin-left:25px; margin-top:0;}

.bullet ul li
{font: normal 0.75em Arial; color:#555555;}


/************** Content for Tertiary Navigation starts here ***************/ 

#midcontainer_ci
{margin-left: 10px; float:left;}

html>body #midcontainer_ci
{margin-left: 20px;}

#line_ci
{background: url(../images/search/grey-line.gif) repeat-x left center; width:950px; margin:5px 0 5px 0;}

html>body #line_ci
{height:1px; padding:15px 0 15px 0; margin-bottom:10px; position:relative; top:8px;}

body:first-of-type #line_ci{position:relative; top:10px;} /* For Safari 3.0 */

#breadcrumb_cont
{width:760px; margin-left: 1.6em; float:left;}

#breadcrumb
{font: normal 0.75em Arial; color:#638e97; float: left; margin:20px 10px 0 0; padding: 0 .5em 0 0;}

#breadcrumb a#active
{color:#12c2e9;	cursor:default; text-decoration:none;}

/************** site tools starts here ***************/ 

#toolscontainer
{float:right; margin-top:20px; margin-right:5px; margin-bottom:10px;}

html>body #toolscontainer
{margin-right:10px;}

#toollist
{list-style-type: none; margin: 0; padding: 0; display:inline;}

#toollist li
{font: normal 0.7em Arial;  color:#638e97; line-height: 1.1em; padding: 0 .8em 0 .5em; clear:right; float:left;}

#toollist #leftMost
{border-left: none;}

#toollist li a
{text-decoration:none;  color:#638e97;}

#toollist li a#leftMost
{border-left: none;}


/************** site tools starts here ***************/ 

#media
{float:left; margin:20px 0 0 10px; width:320px;}

/************** links starts here ***************/ 

a:link {color:#12c2e9; text-decoration: underline;}

a:visited {color:#12c2e9; text-decoration: underline;}

a:active {color:#12c2e9; text-decoration: underline;}

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


/************** FAQs starts here ***************/ 

#faq
{width:760px; margin-top:50px; margin-left: 1.6em; float:left;}

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

#question
{margin:0;}

#question li
{font: normal 0.75em Arial; color:#01a4c9; background-image: url(../images/faqs/bluearrow.gif);  background-repeat:no-repeat;
background-position: left center ; padding-left: 1em; list-style-type: none;}

#question li.current
{background-image: url(../images/faqs/bluearrow-down.gif); background-repeat:no-repeat;
background-position: left center ; padding-left: 1em;}

#question_title
{font: normal 1em Arial; color:#01a4c9; line-height:1.3; padding:5px 5px 10px 0;}

.answer 
{font: normal 0.75em Arial; color:#555555; line-height:1.3; padding-left: 1em;}


/*************************** Product Search (OP template) *************************/


#prodsearch
{background: url(../images/ourproducts/prodsearch-bg.jpg) no-repeat left top; width:750px; height:45px;}

#prodsearchtext
{font: bold 0.8em Arial; color:#639494; padding:15px 0 0 20px; float:left;}

#prodsearch_box 
{float: right;	margin-top: 5px; margin-right: 150px; width: 330px;	height: 25px; background: url(../images/home/bg-search.gif) no-repeat left ; }
 
#prodsearch_box #s 
{position: absolute; margin: 10px 0 0 10px; border: 0; width: 260px; background: none; font: normal 0.8em arial; color:#638e97;}
 
#prodsearch_box #go
{float: right;}


/*************************** Featured Product *************************/


.section_box
{margin:0; padding:0; width:750px; height:100%;} 

.section_top
{background:url(../images/ourproducts/top-gradient.gif) no-repeat; width:750px; height:15px; padding:0; position:relative; top:5px;}

.section_middle
{background:url(../images/ourproducts/middle-gradient.gif) repeat-x bottom; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f5f5f7;}

.section_bottom
{background:url(../images/ourproducts/bottom-gradient.gif) no-repeat; width:750px; height:15px; padding:0; margin:0;}

.section_title
{font: normal 2em arial; color:#12c2e9; padding:0 0 0 15px;}

.section_text
{padding:25px 0 0 15px; width: 350px;}

.section_logos
{padding:25px 0 0 15px; height:1px;}

.section_clear{float:left; margin-right:14px;}

/*************************** Consumer Products *************************/

.cp_section_top{background:url(../images/ourproducts/bg-section-top.gif) no-repeat bottom left; width:752px; height:15px;}

.cp_section_bottom{background:url(../images/ourproducts/bg-section-bottom.jpg) no-repeat bottom left; width:752px;}

.cp_section_content{width:95%; margin:0 auto; padding-bottom:15px;}

.cp_section_copy{margin-left:170px; padding-bottom:5px;}

.cp_section_copy div{margin-right:30px; float:left; width:150px;}

.cp_section_copy li{list-style-type:none; list-style-position:outside; line-height:1em; padding-bottom:5px;}

.cp_section_copy li a{color:#FF0000; text-decoration:underline; text-transform:uppercase; font:normal .7em Arial;}

.cp_section_copy li a:link, .cp_section_copy li a:active, .cp_section_copy li a:visited{color:#FF0000;}

.cp_section_copy li a:hover{color:#333333; text-decoration:none;}

/*************************** Mouse Over Popup *************************/

#tool_tip_popup {width:255px; position:absolute; z-index:2; visibility:visible; left:30px;}

#tool_tip_popup #top {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ourproducts/popup-top.png'); width:255px; text-align:center; padding-top:10px;}

#tool_tip_popup #center {background:url(../images/ourproducts/popup-center.gif) center top no-repeat; width:255px;}

#tool_tip_popup #center #content {margin:0 auto; width:85%; font:normal .75em/1.3em Arial; color:#ffffff; padding:5px 0 5px 0;}

#tool_tip_popup #center #content a {color:white; text-decoration:none; font-weight:bold;}

#tool_tip_popup #center #content a:hover {text-decoration:underline;}

/*#tool_tip_popup #center{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ourproducts/popup-center.png'); width:267px; height:70px;}*/

#tool_tip_popup #bottom {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ourproducts/popup-bottom.png'); width:255px; background-position:bottom center;}

/*************************** Contact Us *************************/

.contact_us_head {background: url(../images/ourproducts/prodsearch-bg.jpg) no-repeat left top; width:750px; height:45px; font: bold 0.8em Arial; color:#639494;}

.contact_us_head span {color:#FF0000;}

.contact_us_head .left{width:210px; margin-top:13px; float:left; text-align:right;}

.contact_us_head .right{float:left; padding-left:20px; margin-top:10px;}

.contact_us_form {width:750px; font:normal .75em Arial; color:#555;}

.contact_us_form span{color:#FF0000;}

.contact_us_form a.cu_link:link, a.cu_link:active, a.cu_link:visited{color:#0ac4dd; text-decoration:underline; font-style:italic;}

.contact_us_form a.cu_link:hover{color:#0ac4dd; text-decoration:none;}

.contact_us_form .left{width:210px; margin-top:13px; float:left; text-align:right; display:block; clear:left;}

.contact_us_form .right{float:left; padding-left:20px; margin-top:10px;}

.radio_border{border:none; width:30px;}

.btn_send{width:61px; height:21px; border:0;}

.error {background:url(../images/ourproducts/icon_error.gif) no-repeat bottom left; height:14px; padding-top:5px; padding-left:20px; font:italic 1em Arial; color:#FF0000; font-weight:bold; padding-top:10px;}

.q_tool_tip {width:160px; position:absolute; z-index:3;}

.q_tool_tip .top {background:url(../images/ourproducts/q_tool_tip_top.gif) no-repeat left top; width:160px;}

.q_tool_tip .top p{font:normal 1em Arial; padding:8px;}

.q_tool_tip .bottom {background:url(../images/ourproducts/q_tool_tip_bottom.gif) no-repeat left top; width:160px; height:24px;}

/***************************** Email to a friend : START ****************************************************/

.email
{margin:0; width:391px;}

.email_top
{background:url(../images/emailtofriend/top-gradient.gif) no-repeat bottom left; width:391px; height:38px;}

.email_bottom
{background:url(../images/emailtofriend/bottom-gradient.gif) no-repeat bottom left; width:391px; height:26px;}

.email_content
{width:389px; margin:0 auto; padding-bottom:5px; background-color:#FFFFFF; padding-top:15px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}

.email_head
{width:340px; height:20px; float:left; margin:10px 0 0 8px;}

.email_title
{font: normal 1.12em Arial; color:#12c2e9; height:47px; padding-top:15px;  padding-left:14px;}

.email_form 
{width:330px; font:normal .75em Arial; color:#555; }

.email_form span{color:#FF0000;}

.email_form a.cu_link:link, a.cu_link:active, a.cu_link:visited
{color:#0ac4dd; text-decoration:underline; font-style:italic;}

.email_form a.cu_link:hover
{color:#0ac4dd; text-decoration:none;}

.email_form .left
{width:100px; margin-top:13px; float:left; text-align:right; display:block; clear:left;}

.email_form .right
{float:left; padding-left:15px; margin-top:10px;}

.emailbtn_send
{width:61px; height:21px; border:0;}

.emailbtn_cancel
{width:65px; height:21px; border:0; padding-left:20px;}

.email_error 
{background:url(../images/ourproducts/icon_error.gif) no-repeat top left; height:14px; padding-left:20px; font:italic 0.8em Arial; color:#FF0000; font-weight:bold;}