/* ****************************************************************************** */
/* ******************            html redef               *********************** */
/* ****************************************************************************** */
* { margin:0; padding:0; }
body{ margin:0;padding:0;width:100%; height:100.5%;text-align:center; background-color:#ffffff; color:#222222; font-family:Verdana,Helvetica,Arial,sans-serif;background-image:url(/pg/assets/gfx/background-for-banner.gif); background-repeat:repeat-x; background-position:0 80px;font-size: 62.5%; }
a {text-decoration:none;}
a img{border-style:none;}
div#col1 a { color:#A86FA3; font-weight:bold;}
div#col1 a:hover { color:#222222; font-weight:bold;}
ul{list-style-type:none;}
ol{list-style-type:decimal; list-style-position:inside;margin-bottom:10px;}
h1, .h1{font-size:2em; text-align:left; font-weight:weight; margin-bottom:20px; margin-top:5px; color:#5D0C58; font-family:Verdana,Helvetica,Arial,sans-serif; background-image:url(/pg/assets/gfx/h1bg.jpg); background-repeat:no-repeat; background-position:left bottom;}
h2, .h2{text-align:left; z-index:2;font-size:1.4em; }
span.h2, span.h3, span.h4, span.h5, span.h6{display:block;}
h2.purple, h2.neutral, h2.transparent{background-color:#710C68; color:white; font-size:1.3em; background-repeat:repeat-x;height:28px; background-image:url(/pg/assets/gfx/titles/bg.gif); padding-top:12px; margin-bottom:10px;}
h2.neutral{background-color:#cccccc; background-image:url(/pg/assets/gfx/titles/bg-neutral.gif); }
h2.neutral span.title, h2.purple span.title, h2.transparent span.title {clear:none; display:inline; padding-left:11px; float:left; color:white; background-color:transparent!important;}
h2.purple div, h2.neutral div {display:inline; float:left; clear:none;}
h2.transparent, h2.transparent {background-image:url(/pg/assets/gfx/h2bg.gif); background-repeat:no-repeat; background-position:0px 30px;}
h2.transparent, h2.transparent span.title {color:#000000; background-color:#ffffff;}
h2.transparent span.title{margin-left:0; padding-left:0;}
h3, .h3{margin-top:20px; margin-bottom:20px;}
h4, .h4, legend{text-transform:uppercase; font-weight:bold; margin-top:18px; margin-bottom:18px;color:#710C68;}
h5, .h5{font-weight:bold; margin-bottom:14px;}
h6, .h6{font-size:1.1em;font-weight:bold; margin-bottom:10px; margin-top:5px;}
* html body h4{font-size:1em;}
*+html body h4{font-size:1em;}
p {margin-bottom:20px; font-size:1.1em;}
dl { font-size:1.1em;}
dl dt, dl dt a {color:#A86FA3; font-weight:bold;}
dl dd a {color:#000000;}
dl dt a:hover, dl dd a:hover {text-decoration:underline;}
fieldset {border-style:none;}
.uppercase{text-transform:uppercase;}
.purple {color:#B786B5; font-weight:bold;}
.purpletotop {color:#B786B5; font-weight:bold; text-align:right;}
.lightpurple {color:#A86FA3;}
hr{background-color:#E5D6E4; border-style:none;height:1px; width:100%; margin-top:10px; margin-bottom:10px;}
div.divider{height:5px; width:100%; background-image:url(/pg/assets/gfx/titles/divider.gif); margin-top:10px; margin-bottom:10px;}
div.divider hr{ display:none; visibility: hidden; }
div#col1 div#adobe {margin-top:30px; float:left;}
* html body div#col1 div#adobe {width:500px; height:80px;}
*+html body div#col1 div#adobe {min-width:600px; height:80px;}
div#col1 div#adobe img {float:left; margin-left:26px;}
div#col1 div#adobe p {margin-left:70px; clear:none;}
ul#topfive li{margin-bottom:10px;}

.border {border-bottom:1px solid #ececec; padding-bottom:1px; text-align:right;}
.doubleborder{border-bottom:2px solid #ececec; padding-bottom:1px; text-align:right;}
.str{font-weight:bold;}
.none{text-align:right;}

select{border:1px solid #710D69;}
input[type="text"]{border:1px solid #710D69;}
input[type="checkbox"]{border:1px solid #710D69;}
input{border-color: expression(this.type=="text"?'#710D69':'#710D69');
border-style: expression(this.type=="text"?'solid':'solid');
border-width: expression(this.type=="text"?'1px':'1px');
}
div#col2 div#filelist{}
div#col2 div#filelist{background-repeat:no-repeat; padding-left:10px; font-size:100%;}
div#col2 div#filelist a { padding-bottom:10px; padding-top:3px;  display:block;}
.mootabs_panel_fake {display:block;background-color: #ffffff;position: relative;width: 430px; height: 274px; top: -1px;clear: both;overflow: visible;}
* html body div.mootabs_panel_fake {height: 279px; top: -5px; margin-bottom:-4px;}
* html body div#col3 h2.purple{margin-left:-5px;}
.visible {visibility:visible; display:block;}
.hidden{visibility:hidden; display:none;}
img.optimage {float:right; margin-left:15px; margin-bottom:15px;}
button.invisiblebutton{background-color:transparent;border-width:0; font-family:Verdana,sans-serif;font-weight:bold;font-size:1em; cursor:pointer; padding-left:0; margin-left:0; color:#A86FA3; font-weight:bold;}
button.invisiblebutton:hover{color:#222222;}
em.closer{display:block; margin:12px; font-style:normal;color:#A86FA3; font-weight:bold;cursor:pointer;}
div#dss { text-align:right; margin-right:10px; float:right;}
div#dss span {cursor:pointer;}
div#dss span {color:#A86FA3; font-weight:bold;}
div#dss span:hover {color:#222222;}
a.arrow{font-weight:bold; font-size:1.2em;}
#event, .event{font-weight:bold;}
/* ****************************************************************************** */
/* ******************           main structure            *********************** */
/* ****************************************************************************** */
div#wrapper{width:895px; margin:0 auto; height:auto;}
div#topmost{height:86px; width:895px; }
div#banner{height:218px; width:908px; margin-left:-13px;}
div#mainbody{height:auto;overflow:auto;width:906px;text-align:left; margin-left:-11px;}
* html body div#mainbody {overflow:visible;}
*+html body div#mainbody {overflow:visible;}
#footer{border-top:1px solid #E5D6E4; margin-top:10px;}
/* ****************************************************************************** */
/* ******************               top most              *********************** */
/* ****************************************************************************** */
div#topmost img#logo{float:left; margin-top:25px;}
div#topmost div#searchbox{float:right; height:63px; width:180px;}
div#topmost ul#brands{float:left; clear:right;}
div#topmost ul#brands li{float:left; clear:right; text-align:center;}
div#topmost ul#brands li div {position:relative; width:113px; height:29px; background-image:url(/pg/assets/gfx/borders/bgbrandstab.gif); background-position:-7px top; z-index:1;}
div#topmost ul#brands li div.left {background-position:top left; width:118px;}
div#topmost ul#brands li div.right {background-position:top right; width:118px;}
div#topmost ul#brands li div.active {}
div#topmost ul#brands li div a { display: block; height:29px;}
div#topmost ul#brands li div:hover a {}
div#topmost div#searchbox form fieldset {margin-top:12px;}
div#topmost div#searchbox form fieldset input {width:110px; border-top:2px solid #696969; border-left:2px solid #696969; height:1.4em; font-size:.9em; color:#666666;}
div#topmost div#searchbox form fieldset input:focus {background-color:#666666; color:#ffffff;}
* html body div#topmost div#searchbox form fieldset input:hover {background-color:#666666; color:#ffffff;}
*+html body div#topmost div#searchbox form fieldset input:hover {background-color:#666666; color:#ffffff;}
div#topmost div#searchbox form fieldset button {background-repeat:no-repeat;border-style:none; background-color:#ffffff; margin-left:14px; cursor:pointer;}
/* ****************************************************************************** */
/* ******************               banner                *********************** */
/* ****************************************************************************** */
div#banner ul#mainmenu {clear:both; font-size:1.4em;}
div#banner ul#mainmenu li{float:left; clear:none; background-image:url(/pg/assets/gfx/bgmainmenu3.gif); background-position:-9px 5px; background-repeat:no-repeat;}
* html body div#banner ul#mainmenu li {background-position:-9px 8px;  margin-top:0;}
*+html body div#banner ul#mainmenu li {background-position:-9px 8px;  margin-top:0;}
div#banner ul#mainmenu li.active {}
div#banner ul#mainmenu li a {width:111px; height:26px; display:block; padding-top:12px; padding-left:8px; color:black; text-align:left;}
div#banner ul#mainmenu li.active a {}
div#banner div#mainpic {float:left; margin-top:17px; margin-left:13px; height:159px;}
* html body div#banner div#mainpic {margin-top:12px;}
*+html body div#banner div#mainpic {margin-top:23px;}
div#banner div#sharepricearea {font-family:Verdana,Helvetica,Arial,sans-serif; text-align:left; float:left; background-image:url(/pg/assets/gfx/bg-shareprice.png); width:168px; height:168px; background-position:right bottom; margin-top:14px; z-index:1; margin-bottom:-15px;}
div#banner div#sharepricearea dl dt {color:#710C68; font-weight:bold;}
div#banner div#sharepricearea dl dt.delayedby {color:#FFFFFF; font-weight:normal; padding-top:5px; font-size:100%;}
/* Firefox hack for the difference in text size */
html>/**/body div#banner div#sharepricearea dl dt.delayedby {color:#FFFFFF; font-weight:normal; padding-top:5px; font-size:100%;}
/* --------------------------------------------------- */
* html body div#banner div#sharepricearea{ margin-top:13px;}
*+html body div#banner div#sharepricearea{ margin-top:20px;}
div#banner div#sharepricearea dl {margin-left:20px; height:145px;}
div#banner div#sharepricearea dl dd {font-size:1.2em; font-weight:bold; background-color:transparent;}
div#banner div#sharepricearea dl dt {font-size:1.4em; font-weight:bold;}
div#banner div#sharepricearea div#quoteme {margin-left:10px; padding-right:5px; padding-bottom:5px; line-height:110%; color:#ffffff; font-size:1.3em; position:relative; left:0px; top:60px;}
div#banner div#sharepricearea div#findout{margin-left:23px; vertical-align:bottom; color:#ffffff; font-size:1.1em; }
div#banner div#sharepricearea table#quoteme {color:#ffffff; font-size:1.3em; margin-left:10px;}
div#banner div#sharepricearea table#quoteme tr td {vertical-align: middle; height:159px;}
div#banner div#sharepricearea div a {color:#ffffff; }
div#banner div#sharepricearea div a:hover {color:#ececec; }
div#banner div#sharepricearea p {margin-left:5px; margin-right:5px;}
#outer {
	  height: 159px;
	  overflow: hidden;
	  position: relative; color:#ffffff; font-size:1.3em; margin-left:10px; margin-top:5px;
}
#outer[id] {
	  display: table;
	  position: static;
}
#middle {
	  position: absolute;
	  top: 50%;
} /* for explorer only*/
#middle[id] {
	  display: table-cell;
	  vertical-align: middle;
	  position: static;
}
#inner {
	  position: relative;
	  top: -50%
} /* for explorer only */
/* optional: #inner[id] {position: static;} */

*:first-child+html #outer[id] {
	position:relative
} /* for explorer 7 only */
*:first-child+html #middle[id] {
	position: absolute;
	display:block;
	vertical-align:inherit;
	top: 50%;
} 
/* ****************************************************************************** */
/* ******************       the terrible navigation       *********************** */
/* ****************************************************************************** */
ul#navx{clear:both;z-index:100;font-family:Verdana,Helvetica,Arial,sans-serif;}
* html body ul#navx {margin-top:5px; }
ul#navx li {float:left; background-color:#ffffff;}
* html body ul#navx li{margin-top:0;}
*+html body ul#navx li{margin-top:0;}
ul#navx li a {background-image:url(/pg/assets/gfx/tabs/_left-normal.gif); background-repeat:no-repeat; background-position:left top; display:block; color:#000000; font-size:1.2em; cursor:pointer;}
ul#navx li a span {background-image:url(/pg/assets/gfx/tabs/_right-normal.gif); background-repeat:no-repeat; background-position:right top; display:block; height:23px; width:119px; padding-top:10px;}
ul#navx li a:hover span, ul#navx li a.active span {padding-top:10px; height:26px; }
* html body ul#navx li a:hover span, * html body ul#navx li a.active span{padding-top:10px; height:26px;}
ul#navx li.first {}
ul#navx li.first a {background-image:url(/pg/assets/gfx/tabs/_leftleft-normal.gif);}
* html body ul#navx li.first a{background-position:8px 0px;}
ul#navx li.first span {width:123px; margin-left:10px; }
ul#navx li.last {}
ul#navx li.last a {}
ul#navx li.last a span {width:143px;background-image:url(/pg/assets/gfx/tabs/_rightright-normal.gif); margin-left:-10px; }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* BRANDS TABS */

* html body .brands {
	height: 34px;
}
.brands {
float: left; 
clear:right;
}

.brandtabs{
background: url(/pg/assets/gfx/top_tab_leftcorner.gif) no-repeat left bottom;
overflow: hidden;
font-size: 14px; /*font of menu text*/
margin-top:-4px;
height: 33px;
}

* html body .brandtabs { height: 31px; margin-top:-1px;  }

.brandtabs ul{
float: left; 
list-style-type: none;
margin: 0;
margin-left: 7px; /*offset of first tab relative to page left edge*/
padding: 0;
background-color:#00FF00;
padding-right: 7px;
background: url(/pg/assets/gfx/top_tab_rightcorner.gif) no-repeat right bottom;
height: 33px;
}

* html body .brandtabs ul{ height: 30px; margin-left: 3px;  }

.brandtabs li{
float: left;
margin: 0;
padding: 0;
}

.brandtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(/pg/assets/gfx/top-tab-grey-left.gif) no-repeat left top;
margin: 0;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 5px;
text-align: center;
text-decoration: none;
}

.brandtabs a.left{ background: url(/pg/assets/gfx/top-tab-grey-leftleft.gif) no-repeat left top; }

.brandtabs a span{
float: left;
position: relative;
display: block;
background: url(/pg/assets/gfx/top-tab-grey-right.gif) no-repeat right top;
padding: 0px 5px 3px 0px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

.brandtabs a.right span{ background: url(/pg/assets/gfx/top-tab-grey-rightright.gif) no-repeat right top; }

* html body .brandtabs a span{ padding: 0px 0px 0px 0px; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.brandtabs a span {float:none;}
/* End IE5-Mac hack */


.brandtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.brandtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
* html body .brandtabs .selected a span{ padding-bottom: 5px;  }

.brandtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.brandtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
* html body .brandtabs a:hover span{ padding-bottom: 5px;  }

.brandtabs img {border:0;}



/* NAVIGATION 1 */    
.animatedtabs{
clear:both;
background: url(/pg/assets/gfx/tab_corner_left.gif) no-repeat left bottom;
overflow: hidden;
width: 100%;
font-size: 1.2em; /*font of menu text*/
}

* html body .animatedtabs { padding-top: 0px; padding-left: 3px; margin-left: 10px;  }

.rightcorner{
float: left; 
background: url(/pg/assets/gfx/tab_corner_right.gif) no-repeat right bottom;
padding-right: 11px;
}

.animatedtabs ul{
float: left; 
list-style-type: none;
margin: 0;
margin-left: 11px; /*offset of first tab relative to page left edge*/
padding: 0;
height: 32px;
}

* html body .animatedtabs ul { margin-left: 4px; padding-left: 0;  }

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(/pg/assets/gfx/tab-grey-left.gif) no-repeat left top;
margin: 0;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 9px;
width: 110px;
text-align: center;
text-decoration: none;
}
.animatedtabs a.left { background: url(/pg/assets/gfx/tab-grey-leftleft.gif) no-repeat left top; }

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(/pg/assets/gfx/tab-grey-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: normal;
color: black;
height: 19px;
cursor: pointer;
}
.animatedtabs a.right span { background: url(/pg/assets/gfx/tab-grey-rightright.gif) no-repeat right top; }

* html body .animatedtabs a span {  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: #710D69;
font-weight: bold;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color: #710D69;
font-weight: bold;
}

.animatedtabs img {border:0;}


/* ****************************************************************************** */
/* ******************              mainbody               *********************** */
/* ****************************************************************************** */
div.grayrounded {padding-bottom:11px; background-color:#F2F2F2; background-image:url(/pg/assets/gfx/grayroundedangle.gif); background-repeat:no-repeat; background-position:bottom right; overflow:auto; width:100%;}
div.grayrounded, div.gray, div.white { float:left;}
div.grayrounded h2.purple, div.gray h2.purple, div.grayrounded h2.neutral, div.gray h2.neutral{ background-image:url(/pg/assets/gfx/titles/bg-grey.gif);}
div.grayrounded h2.neutral, div.gray h2.neutral{ background-image:url(/pg/assets/gfx/titles/bg-neutral-grey.gif);}
div.grayrounded h2.purple span, div.gray h2.purple span {background-color:#F2F2F2;}
div.gray {background-color:#f2f2f2;  overflow:auto;padding-bottom:11px; width:100%;}
div.white{overflow:auto;padding-bottom:11px; width:100%;}
div#col2 h2.purple, div#col2 h2.neutral { margin-bottom:0;}
div#col2 div ol{float:left;}
div#col2 div ul{}
div#col2 div ul li{background-image:url(/pg/assets/gfx/icons/bullett.gif); padding-left:20px; background-repeat:no-repeat; background-position:1px 1px; margin-bottom:5px;}
div#col2 div a {color:#A86FA3; font-weight:bold;}
div#col2 div a:hover {color:#5F0B5A; font-weight:bold;}
div#col2 p, div#col2 dl, div#col2 ol, div#col2 ul {margin-left:11px; margin-right:6px;}
div#col2 div dl p{}
div#col2 p {margin-bottom:10px;}
div#col1 p {color:#5F0B5A;}
div#col2 div dl.quicklinks dt {float:left; width:24px; clear:both;}
div#col2 div dl.quicklinks dt img {float:left;}
div#col2 div dl.quicklinks dd {float:left; clear:none; padding-top:5px;}
div#col1 ul {margin-bottom:5px;}
div#col1 ol {font-size:1.1em;}
div#col1 ul li {background-image:url(/pg/assets/gfx/icons/tinybullett.gif); padding-left:15px; background-repeat:no-repeat; background-position:1px 4px; margin-bottom:5px; font-size:1.1em;}
div#col1 td ul li { font-size:100%; }
div#col1 ul.mootabs_title li {background-image:none;margin-bottom:0;padding-bottom:0;padding-left:0;}
div#crumbs {float:left; width:700px; padding-left:20px; color:#B786B5; margin-bottom:8px;}
div#crumbs img {margin-right:7px;}
div#crumbs a {color:#B786B5; display:inline}
div#crumbs a:hover {color:#710d69;}
div#crumbs a.active {font-weight:bold; color:#710C68; font-size:1.1em;}
div#crumbs a.active:hover {}
/* ****************************************************************************** */
/* ******************              footer                 *********************** */
/* ****************************************************************************** */
div#footer {color:#5F0B5A; padding-top:13px; margin-bottom:13px; overflow:auto; float:left; clear:both; width:100%;}
* html body div#footer {overflow:visible;}
*+html body div#footer {overflow:visible;}
div#footer div#footerlinks {float:left;}
div#footer div#footerlinks ul{float:left;}
div#footer div#footerlinks ul li{float:left;}
div#footer div#footerlinks ul li a {color:#B786B5;}
div#footer div#footerlinks ul li a:hover {color:#710d69;}
div#footer div#copyright {float:right;color:#222222;}
/* ****************************************************************************** */
/* ******************              other                  *********************** */
/* ****************************************************************************** */
div#col2 div ul.lxc {border-bottom:1px solid white; margin-left:0; margin-right:0; margin-top:3px;}
div#col2 div ul.lxc li {background-image:none; padding-left:14px; padding-top:1px; padding-bottom:4px; margin:0; background-image:url(/pg/assets/gfx/arrowclose.gif); background-repeat:no-repeat; background-position:160px 1px; cursor:pointer;}
div#col2 div ul.lxc li ul {margin:0; margin-left:-15px; padding-left:0; margin-top:4px; margin-bottom:-4px; background-color:#ffffff;}
div#col2 div ul.lxc li ul li {margin:0; padding-left:0; margin-left:15px; padding-top:4px; color:#A86FA3; font-weight:bold; }
div#col2 div ul.lxc li ul li {background-image:none;}
div#col2 div ul.lxc li span {text-align:right;}
div#col1 ul#sitemap li{background-image:none; margin-top:8px; margin-bottom:8px; font-size:1.0em;}
div#col1 ul#sitemap li .h2{display:block;margin-top:20px;}
div#col1 ul#sitemap li p{margin-top:5px;margin-bottom:5px;}