/* ====================================================================== */
/* ==| AUTHOR  : Madara Ranawake                                      |== */
/* ==| PROJECT : GILLETTE WEBSITE		                              |== */
/* ==| URL     : http://www.gillette.com							  |== */
/* ==| DATE    : 2008 JULY 09                                         |== */
/* ==| MODIFY  : 2008 JULY 29                                         |== */
/* ==| NOTE    : All the attributes are editable,                     |== */
/* ==|           do NOT change the class names or IDs                 |== */
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* = Rules defined for apply GLOBALLY begins from this point forward    = */
/* ---------------------------------------------------------------------- */

html, body , #wrapper { height:100%; margin:0; padding:0; border:none; text-align:center; }
body { background:#003E6F url(../img/bg/gradient.gif) repeat-x; }
img, div { behavior: url("/HTMLShell/Assets/css/iepngfix.htc"); } /* ie6x png hack */

/* ---------------------------------------------------------------------- */
/* = The style rules defined for HTML element IDs begins here           = */
/* ---------------------------------------------------------------------- */

#wrapper { margin:0 auto; text-align:left; vertical-align:middle; }
#divBody { width:950px; height:auto; clear:both; margin:auto; }

#divNavWrapper { width:950px; height:34px; clear:both; margin:auto; }
#divNavWrapperLogo { width:183px; height:44px; float:left; }
#divNavWrapperNav { width:535px; height:44px; float:left; background-color:#009900; position:relative; background:url(../img/bg/nav.gif) repeat-x; }
#divNavWrapperCut { width:11px; height:44px; float:left; }
#divNavWrapperLink { width:221px; height:32px; float:left; padding-top:12px; Verdana, Arial, Helvetica, sans-serif !important; font-size:7px !important; font-variant:small-caps; }
#divNavWrapperLink a { text-decoration:none; color:#2B8FFF; }
#divNavWrapperLink a:hover { text-decoration:none; color:#7AB9FF; }

#ulNav { list-style:none; margin:0; padding:0; }
#ulNav li { float:left; margin:0; padding:0; }
#ulNav li a { height:34px; float:left; margin:0; padding:0; display:block; }
/*
#nv1a { width:62px; }
#nv2a { width:93px; background:url(../img/nav/nv_2.gif) 0 -34px no-repeat; }
#nv3a { width:95px; background:url(../img/nav/nv_3.gif) 0 -34px no-repeat; }
#nv4a { width:101px; background:url(../img/nav/nv_4.gif) 0 -34px no-repeat; }
#nv5a { width:118px; background:url(../img/nav/nv_5.gif) 0 -34px no-repeat; }
*/

#nv1a {  }
#nv2a {  }
#nv3a {  }
#nv4a {  }
#nv5a {  }


#nv2a:hover { background:url(../img/nav/nv_2.gif) 0 0 no-repeat; }
#nv3a:hover { background:url(../img/nav/nv_3.gif) 0 0 no-repeat; }
#nv4a:hover { background:url(../img/nav/nv_4.gif) 0 0 no-repeat; }
#nv5a:hover { background:url(../img/nav/nv_5.gif) 0 0 no-repeat; }

#tdFooterCurve { width:100%; height:52px; clear:both; margin:auto; background:url(../img/footer.png) center no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../img/footer.png'); /* add ie specific png background (part 1) */ }
#tdFooterCurve[id] { background: url(../img/footer.png) center no-repeat; /* add ie specific png background (part 2) : this section is for FF */ }

#divFooter { width:970px; height:10px; clear:both; margin:5px auto; }
#divFooterL { width:448px; height:10px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:8px !important; font-variant:small-caps; color:#FFF; }
#divFooterR { width:512px; height:10px; float:left; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:8px !important; font-variant:small-caps; color:#FFF; }
#divFooterL a, #divFooterR a { text-decoration:none; color:#2B8FFF; }
#divFooterL a:hover, #divFooterR a:hover { text-decoration:none; color:#7AB9FF; }

/* ---------------------------------------------------------------------- */
/* = Definitions for classes begins which must be called separately     = */
/* ---------------------------------------------------------------------- */

.dropDown { position:absolute; z-index:1000 !important; right:0; top:35px; padding:5px 5px 2px 10px; /*background:url(../img/bg/drop_down_plate.gif) 0 100% no-repeat;*/ }
.dropDown ul { list-style-type:none; margin:0 0 15px 0; padding:0; }
.dropDown ul li { margin:0; line-height:13px; padding-left:4px; }
.dropDown ul li a { display:block; height:16px; /*width:187px; org=129*/ text-decoration:none; padding-left:10px; padding-top:3px; }
.dropDown ul li a:link, .dropDown ul li a:visited { font-size:8pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;  }
.dropDown ul li a:hover { color:#FFFFFF; }

/*

#nv2 { width:200px; left:20px; background:url(../img/bg/drop_down_plate_2.gif) 0 100% no-repeat; z-index:1000 !important; }
#nv2 ul li a { width:145px; }
#nv2 ul li a:hover { background:#006FF4 url(../img/bg/nv2.gif) repeat-x; }

#nv3 { width:225px; left:90px; background:url(../img/bg/drop_down_plate.gif) 0 100% no-repeat; }
#nv3 ul li a { width:187px; }
#nv3 ul li a:hover { background:#006FF4 url(../img/bg/nv3.gif) repeat-x; }

#nv4 { width:225px; left:190px; background:url(../img/bg/drop_down_plate.gif) 0 100% no-repeat; }
#nv4 ul li a { width:187px; }
#nv4 ul li a:hover { background:#FF6100 url(../img/bg/nv4.gif) repeat-x; }

#nv5 { width:225px; left:315px; background:url(../img/bg/drop_down_plate_2.gif) 0 100% no-repeat; }
#nv5 ul li a { width:145px; }
#nv5 ul li a:hover { background:#FF6100 url(../img/bg/nv5.gif) repeat-x; color:#000000; }

*/

/*
Removing navigation background image (plate)

#nv2 { width:200px; background:url(../img/bg/drop_down_plate_2.gif) 0 100% no-repeat; z-index:1000 !important; }
#nv2 ul li a:hover { background:#006FF4 url(../img/bg/nv2.gif) repeat-x; }

#nv3 { width:225px; background:url(../img/bg/drop_down_plate.gif) 0 100% no-repeat; }
#nv3 ul li a:hover { background:#006FF4 url(../img/bg/nv3.gif) repeat-x; }

#nv4 { width:225px; left:190px; background:url(../img/bg/drop_down_plate.gif) 0 100% no-repeat; }
#nv4 ul li a { width:187px; }
#nv4 ul li a:hover { background:#FF6100 url(../img/bg/nv4.gif) repeat-x; }

#nv5 { width:225px; left:315px; background:url(../img/bg/drop_down_plate_2.gif) 0 100% no-repeat; }
#nv5 ul li a { width:145px; }
#nv5 ul li a:hover { background:#FF6100 url(../img/bg/nv5.gif) repeat-x; color:#000000; }
*/



#nv2 { width:235px; background: 0 100% no-repeat; z-index:1000 !important; }
#nv2 ul li a:hover { background:#006FF4 url(../img/bg/nv2.gif) repeat-x; }

#nv3 { width:235px; background: 0 100% no-repeat; }
#nv3 ul li a:hover { background:#006FF4 url(../img/bg/nv3.gif) repeat-x; }

#nv4 { width:280px; left:190px; background: 0 100% no-repeat; } /* originally it was width:225px;  */
#nv4 ul li a { width:187px; }
#nv4 ul li a:hover { background:#FF6100 url(../img/bg/nv4.gif) repeat-x; }

#nv5 { width:240px; left:315px; background: 0 100% no-repeat; }
#nv5 ul li a { width:145px; }
#nv5 ul li a:hover { background:#FF6100 url(../img/bg/nv5.gif) repeat-x; color:#000000; }


/* ---------------------------------------------------------------------- */
/* = Definitions for any element begins                                 = */
/* ---------------------------------------------------------------------- */

.utilityNavcls {font-family:arial;font-size:9px;color:#288cfe;text-decoration:none;}