@charset "UTF-8";
/* CSS Document */

body { background:#000; margin:0; }
#searchOutter { width:134px; height:31px; background-image:url(../images/purity12_searchup.gif); float:left; }
#searchInner { padding:0 0 0 30px; line-height:31px; }
#searchOutter2{ width:134px; height:31px; float:left; }
/*#mainNav { width:808px; margin:0; }*/
.arial9gryP { font-family:arial; font-size:9px; color:#666; }
#InfoContentWrap { width:808px; height:314px; background:url(../images/centerbg.jpg); }
#infoContentWrapInner { padding:30px 0 0 0; }
#footIcons { padding:10px 0 0 0; }
#subEventsOutter { width:180px; }
#subEventsInner { padding:15px 0 15px 20px; }
#whitebg { background-color:#fff; }
#wContentInner { padding:10px 60px 0 60px; text-align: justify; }
#oppbg1 { width:688px; height:357px; background:url(../images/purity12Opportunity1bg.jpg); background-repeat:no-repeat; }
#contact1bg { width:688; height:534px; background:url(../images/contact_bg.jpg); }
.FeatureTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; }
.FeatureSubTitle1 { font-family:arial; font-size:9px; color:#fff; }
.Featuredtxt { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#777474; line-height:10px }
.Featuredtxt a { text-decoration:none; color:#777474; }
.Featuredtxt a:hover { color:#CCC; text-decoration:underline; }
.subEventTitle { font-family:arial; font-size:9px; color:#fff; }
.subEventTxt { font-family:arial; font-size:9px; color:#515450; }
.subEventTxt a { color:#515450; text-decoration:none; }
.subEventTxt a:hover { color:#fff; }
.footertxt { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333; }
.footertxt a { text-decoration:none; color:#333; }
.footertxt a:hover { color:#CCC; text-decoration:underline; }
.PageTitle1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#430244; font-weight:bold; }
.testimonialName1i { font-family:arial; font-size:12px; font-style:italic; color:#430244; font-weight:bold; }
.testimonialTxt { font-size:12px; color:#666; font-style:italic; }
.bodyTxt1 { Font-family:arial; font-size:12px; color:#666; }
.bodyTxt1 a { color:#430244; }
.bodyTxt2 { Font-family:arial; font-size:12px; color:#666; text-align: left; }
.bodyTxt3 { Font-family:arial; font-size:12px; color:#430244; }
.bodyTxt4 { Font-family:arial; font-size:11px; color:#430244; }
.bodyTxt5 { Font-family:arial; font-size:11px; color:#666; text-align: left; }
.disclaimer { font-family:arial; font-size:10px; color:#999; }
.arialg11 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
.productTitle { font-family:arial; font-size:20px; color:#430244; }
.productSubTitle { font-family:arial; font-size:14px; font-weight:bold; color:#430244; }

/*accordian*/

.demoHeaders { margin-top: 2em; }
#dialog_link { padding: .4em 1em .4em 20px; text-decoration: none; position: relative; }
#dialog_link span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px; }
ul#icons { margin: 0; padding: 0; }
ul#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none; }
ul#icons span.ui-icon { float: left; margin: 0 4px; }
#P12EvoAccordian h3.ui-state-active, #spBeautyAccordian h3.ui-state-active { display:none !important; }
#P12EvoAccordian h3.ui-state-default, #P12EvoAccordian h3.ui-state-hover, #P12EvoAccordian h3.ui-state-active,  #spBeautyAccordian h3.ui-state-default, #spBeautyAccordian h3.ui-state-hover, #spBeautyAccordian h3.ui-state-active,  #P12EvoAccordian h3.ui-state-default a, #P12EvoAccordian h3.ui-state-hover a, #P12EvoAccordian h3.ui-state-active a,  #spBeautyAccordian h3.ui-state-default a, #spBeautyAccordian h3.ui-state-hover a, #spBeautyAccordian h3.ui-state-active { font-size:9px; height:18px; line-height:18px; padding-top:0px; padding-bottom:0px; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; text-transform:uppercase; border-color:#440143; margin:0; background-image:url(../images/barBg.png); background-position:50% 50%; background-repeat:repeat-x; }
span.green { color:#a1ee1a }
span.white { color:#ffffff; }
#P12EvoAccordian .contentOverRide, #spBeautyAccordian .contentOverRide { background:transparent url(../images/accordianGlare.png) center 3px no-repeat !important; border-top:1px solid; border-color:#000000; height:170px; padding:0; border:0px; }
#P12EvoAccordian, div#spBeautyAccordian { opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; position:relative; }



/***Navigation***/
#mainNav{width:808px;margin:0 auto 0 auto;text-align:center;/*border:1px solid #f60;*/height:31px; background:#888 url(../images/three_0.gif) repeat-x; padding:0; line-height:31px; list-style:none; float:left; position:relative;}
*:first-child+html #mainNav {width: 808px;}
.dropdown{float:left;}
.dropdown2{float:left;}
* html .dropdown{margin-top:5px;/*corrects vertical positioning in IE6 */}
* html .dropdown2{margin-top:5px;/*corrects vertical positioning in IE6 */}
.dropdown dt{/*width:135px;*/margin-top:-16px;padding:0px 23px 0px 23px;font-weight:bold;cursor:pointer;}
.dropdown2 a{/*width:135px;*/margin-top:-16px;padding:0px 23px 0px 23px;font-weight:bold;cursor:pointer;}
*:first-child+html .dropdown dt{ width: 130px;padding: 0px 5px 0 5px;}
*:first-child+html .dropdown2 a{ width: 130px;padding: 0px 5px 0 5px;}
*:first-child+html dt.extraChar {width: 150px;}
.lastDropdown dt{border-right:none;background:none;}
.current{color:#D75710;}
.dropdown dd{position:absolute;overflow:hidden;width:auto; margin-left:0; display:none;z-index:200;background:url(../images/menuDropBG.png) repeat left top;}
.dropdown dd{margin-top:0px;/* corrects positioning of the dropdown */z-index:3;}
*:first-child+html .dropdown dd {margin-top: 0;}
* html .dropdown dd{background: none; padding: 0; margin-top:1px;}
/*the following solves the IE6 dropdown issue where the second column just stacks below the first column... you must specify the correct width to reflect one or two columns.*/

.dropdown ul{float:left;width:188px;list-style:none;margin:5px 0;padding-bottom:10px;}
* html .dropdown ul {margin:0; padding:0; float: left; height: 1%; background: #D75710;}
.dropdown li{display:inline;padding:0;background:none;margin:0;line-height:12px;}
.dropdown a{text-align:left;display:block;padding:5px 5px 5px 20px;color:#888888;text-decoration:none;font-size:11px;line-height:16px;background:transparent; /*width:154px;/*changing this will cause flickering in IE7*/}
.dropdown2 a{text-align:left;display:block;padding:5px 5px 5px 20px;color:#888888;text-decoration:none;font-size:11px;line-height:16px;background:transparent; /*width:154px;/*changing this will cause flickering in IE7*/}

a.navGroupHead{padding-left:10px;font-weight:normal;color:#bbbbbb;font-size:12px;line-height:18px; font-weight: bold;}
.dropdown a:hover{color:#fff;}
#navContainer .dropdown dt {width: auto; padding-left: 20px; padding-right: 20px; }
#navContainer .dropdown2 a {width: auto; padding-left: 20px; padding-right: 20px; }
/* remove all the bullets,borders and padding from the default list styling */
.menu ul{padding:0;margin:0;list-style-type:none;}
.menu ul ul{width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li{float:left;width:120px;margin-right:10px;position:relative;}
/* style the links for the top level */
.menu a,.menu a:visited{display:block;font-size:13px;text-decoration:none;color:#fff;width:120px;height:33px;padding-left:10px;line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a,* html .menu a:visited{width:149px;w\idth:138px;}
/* style the second level background */
.menu ul ul a.drop,.menu ul ul a.drop:visited{background:#fff url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
/* style the third level background */
.menu ul ul ul a,.menu ul ul ul a:visited{background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover{background:#b2ab9b;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul{visibility:hidden;position:absolute;height:0;top:33px;left:0;width:170px;border-top:1px solid #ddd;}
/* another hack for IE5.5 */
* html .menu ul ul{top:30px;t\op:31px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table{position:absolute;top:0;left:0;border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a,.menu ul ul a:visited{background:#efefef;color: #F0F;height:auto;line-height:1em;padding:5px 10px;width:150px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a,* html .menu ul ul a:visited{width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover{color:#09f;background:#fff;}
.menu :hover > a,.menu ul ul :hover > a{color:#09f;background:#f7f7f7;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul li ul li a img{margin-right:10px;}
.PageNav a {
	color: #b6b6b6;
	text-decoration: none;
	font-size: 10px;
}
.PageNav
{
	font-size: 10px;
	color: #b6b6b6;
}


 
#mainNav dt{ color:#555555 !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:31px; height:31px; padding-top:0px !important; padding-bottom:0px !important;}
#mainNav .dropdown2 a{ color:#555555 !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:31px; height:31px; padding:0 23px 0 23px;}
#mainNav  dd{ border:1px solid #888888 !important; padding:0; border-top:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#mainNav  dd ul { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
dd ul li a{ color:#0C0;}
.clear{ height:1px; overflow:hidden; display:block; clear:both;}

#breadCrumbsWrapper{ height:29px !important; width:auto; display:block;}
#breadCrumbsWrapper a#bcHome{ height: 29px; float:left; display:block; position:relative; padding-left:30px; line-height:29px; background:url(../images/breadcrumbHome.png) top left no-repeat;}
#breadCrumbsWrapper a#bcHome span{ display:none;}
#breadcrumbs{ color: #C09; line-height:29px; height:29px; width:auto; float:left; background:url(../images/breadcrumbsBG.png) top right no-repeat; display:block; position:relative; padding-right:11px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#breadcrumbs a{ color:#555555; width:auto; display: inline-block; float:left; position:relative;  background:url(../images/breadcrumbsBG.png) top left; padding-left:5px; padding-right:5px; text-decoration:none; text-transform:capitalize; font-weight:bold}
div.bcsplit{ float:left; display:block; position:relative;   background:url(../images/breadcrumbDiv.png) top left; width:8px !important; height:29px;}
div.bcsplit span{ display: none;}