/* ______ Global Styles */


body  { background: #efefef; margin: 0; padding: 0; text-align: center; font-family: Helvetica, Arial, Verdana,  sans-serif; }

form { margin:0; padding:0; }

th,td,p,.text {   font-family: Helvetica, Arial, Verdana,  sans-serif;  font-size: 12px; font-weight: normal; color: #666666; line-height: 14px; }

/*LINKS*/

a {  color: #0066CC; text-decoration: none}
a:hover {  color: #000099; text-decoration: underline}


/* ______ AMP Specific Classes */


/*ARTICLE PAGES*/

.title {   font-size: 18px; font-weight: bold;  color: #863c98; }
.subtitle { font-size: 14px; font-weight: bold;  color: #333333; }
.author {  font-size: 12px; font-weight: bold; color: #333333; }
.date {   font-size: 12px; font-weight: bold; color: #555555; }
.form {  font-size: 12px; font-weight: bold; color: #333333}
.photocaption {  font-size: 10px; font-weight: normal; color: #333333; text-align: center; vertical-align: middle; clip:   rect(   ); padding-top: 3px; padding-bottom: 3px}
.docbox {border : 1px double Black; font-size : 13px; text-align : center; }

/*LIST PAGES*/

.listtitle { font-size: 13px; font-weight: bold; color: #47284e; }
.bodygreystrong {font-size: 12px; font-weight: bold; color: #333333}

/*INDEX PAGE*/

.home {  } 
.homebody { font-size: 12px; color: #000000}
.hometitle {  font-size: 16px; font-weight: bolder; color: #006699; text-decoration: none}
.morelink { text-align: right;  display: block; } 

/*NAVIGATION*/

.breadcrumb { font-size: 10px; color: #666666; }
.subside { font-size: 14px; font-weight: bolder; color: #7b5783; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.sidelist { font-size: 12px;  color: #333333; padding-bottom: 5px }
.go { font-size: 9px}

/*NEWS and PR PAGES    bodystronggrey*/

.newstitle { font-size: 18px; font-weight: bold; color: #000000}
.newssubtitle { font-size: 12px; font-weight: bold; color: #333333}
.bodystrong {font-size: 12px; font-weight: bold; color: #000000}       
.bodygrey {font-size: 12px; font-weight: normal; color: #333333}
     /*used in groups*/

/* PAGINATION CLASSES */

div.list_pager {
		text-align: right;
		float: right; 
		width: 90%; 
		position: relative;
		font-size: 11px;
		display: block;
		padding: 5px 5px 10px 5px;

}

div.list_pager a.pager_link {
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px
		margin-bottom: 5px;
}

.standout {
		font-weight: bold;
		text-decoration: none;
		font-size:14px;
}

a.standout {
		text-decoration: none;
}

/* ______ AMP Specific Classes for TOOLS */

/*CALENDAR*/
.eventsubtitle {font-size: 12px; font-weight: bold; color: #333333}
      /*used in groups*/

.eventtitle {font-size: 12px; font-weight: bold}
      /*used in groups*/

/*GROUPS & ENDORSEMENTS bodygrey, eventsubtitle,  eventtitle*/


/* LINKS MODULE */

.linktype { font-size: 13px; font-weight: bold;}
.links { padding: 3px; margin-left: 30px; }
.links a { font-size: 11px; }
.links img { float: left; padding: 5px; margin: 5px; border: 1px solid #666; }
.links br { clear: both; }
.links p { display: inline; font-size: 11px; font-weight: normal; color: #666; padding: 0px; padding-left: 4px; font-style: italic;  }
.links p a { color: #f00; font-size: 100%; font-style: italic;  }


/* GALLERY MODULE */
/* list of gallerys */
.gallerylist { padding: 5px; }
.gallerylist a { font-size: 14px; }
.gallerylist img { float: left; margin: 8px; border: 1px solid #666; }
.gallerylist br { clear: both; }
.gallerylist p { display: inline; font-size: 12px; font-weight: normal; color: #666; padding-left: 10px; }
.gallerylist p a { color: #f00; font-size: 100%; 
 font-size: 11px; font-weight: normal; font-style: italic; color: #666;  } 

/* indiv gallery page */
.gallerytitle { font-size: 16px; font-weight: bold; color: #333333; }
.gallery { padding: 0; margin: 0; border: 0; width: 100%; border: 0px solid #666; float: left; }
.gallerycon { width: 200px; height: 200px; float: left; margin: 10px; text-align: center; border: 0px solid #666; }         
.gallerycon img { float: center; padding: 5px; border: 1px solid #666; }
.gallerycap { padding: 5px; border: 0px solid #666; margin: 5px; }



/* FORMS  */

.udm_header { white-space: nowrap; background-color: #CCCCCC; padding: 5px; font-weight: bold; }

.udm_group_label { text-align:left; font-weight: bold; padding-bottom: 5px;}

.form_label_col {text-align:left; font-weight: normal; padding-bottom: 5px;}
.form_data_col  {text-align:left; font-weight: normal;  padding-bottom: 5px;}

/* _________ Design Specific  */

.masborder { border: 2px #000000 solid; }
.features { font-size: 10px; font-weight: bold; color: #000000}
.header { border: 1px #999999 solid; }
.leftnav { background: #EEEEEE;  border-right: 1px #999999 dashed; border-left: 1px #999999 solid;  }
.mainbody { border-right: 1px #999999 solid; padding: 20px;  }
.breaker { clear: both; }

#container {  }

#wrapper {  }

#main { width: 951px; margin-left: auto; margin-right: auto; text-align: left; }

#banner-wrapper { width: 951px; }

#banner-left { float: left; width: 525px; height: 85px; background: url(/img/safecosmetics_index_02.gif) top left no-repeat; }

#banner-right { float: left; width: 426px; height: 85px; background: url(/img/safecosmetics_index_03.gif) top left no-repeat; }

#search { margin: 30px 5px 5px 50px; }

#menu { height: 39px; }	

#body-wrapper { background: url(/img/safecosmetics_index_44.gif) top left repeat-y; }

#body { margin: 0px 32px 0px 32px;}

#body-padder { padding: 30px 10px 60px 30px; }

#body-left { width: 233px; float: left; margin: 0px 7px 5px 0px; }

#index-takeaction { background: #edcbf5; height: 170px;} 
#index-takeaction .bodygreystrong { font-weight: normal; color: #777777; font-size: 10px; }
#index-takeaction .list_item { padding: 0; margin: 0; padding: 12px 2px 8px 6px;  }
#index-takeaction .listtitle { font-weight: bold; color: #666666; font-size: 14px;}
#index-takeaction .list_pager { display: none; }

#index-signup { }

#index-news {   }
#index-news .bodygreystrong { font-weight: normal; color: #777777; font-size: 10px; }
#index-news .list_item { padding: 0; margin: 0; padding: 4px 2px 8px 2px;  }
#index-news .listtitle { font-weight: normal; color: #333333; font-size: 12px;}
#index-news a { font-weight: normal; color: #333333; font-size: 12px;
}
#index-news p { 
font-weight: normal; color: #333333; font-size: 12px; display: block;
}


#index-latest {  }
#index-latest .bodygreystrong { font-weight: normal; color: #777777; font-size: 10px; }
#index-latest .list_item { margin: 0; padding: 7px 4px 4px 4px;  font-size: 11px; }
#index-latest .listtitle { font-weight: bold; color: #333333; font-size: 13px; padding:  0 0 3px 0; display: block; }
#index-latest .text { font-size: 11px; }
#index-latest .list_pager, #index-latest .pgr_newline { display: none; }
#index-latest  br { display: none; }

.index-padder { padding: 15px 10px 10px 10px; }

#body-center { float: left; width: 400px; margin: 0px 7px 5px 0px;  }

#body-right { float: left; width: 240px; }

#body-bottom { float: left; width: 635px; }

#mission { background: url(/img/safecosmetics_index_41.gif) top left no-repeat; width: 634px; height: 103px; margin-top: 4px; margin-bottom: 4px; }

#mission-padder { padding: 25px 30px 10px 120px; color: #888888; font-size: 13px; line-height: 16px; font-weight: 600; }

#footer-wrapper { background: url(/img/safecosmetics_index_45.gif) top left repeat-y; width: 951; height: 120px; text-align: center; position: relative; }

#footer { color: #7b94a8; font-size: 12px; padding: 25px 0 10px 0; width: 400px; margin-left:auto; margin-right: auto; }


#footer a { color: #7b94a8; font-size: 12px; text-decoration: none; line-height: 14px; }

#footer-social { width: 100px; position: absolute; top: 25px; right: 210px; }

#body-main { width: 580px; float: left; }

#left-nav { background: #edcbf5; } 

a.fptitles, .fptitles { color: #333333; display: block; padding: 4px 0px 4px 0px; font-size: 12px; font-weight: normal;}
.fpnavs { font-size: 10px; }

a.fpmore, .fpmore a { font-size: 12px; text-transform: uppercase;  color: #666666;  }
.fpmore { margin: 20px 2px 2px 2px; text-align: right; }
.fpimg { display: block; padding: 3px; }

	.rotate_on {
			display:none;
			position: absolute;
			height: 408px; 
			width: 403px;
			}

			#rotate_on-1 {
			display:inline;
			}
#main_feature{
margin-top:0px;
height: 408px;
}


.udm_company {
display: block;
font-weight: bold;
font-size: 14px;
color: #333333;
}

.udm_city {
font-size: 12px;
color: #333333;
}

.udm_state {
font-size: 12px;
color: #333333;
}

.udm_cat {
display: block;
font-size: 12px;
color: #666666;
font-style: italic;
}

.udm_webpage {
display: block;
font-size: 12px;
}

div.list_pager { 
margin: 10px 0px 10px 0;
}

#udm_search span.go {
margin-left: 10px;
margin-right: 10px;
}

input.go {
margin-left: 10px;
}


/* SPLASH PAGE */

.splash{position: relative;height: 100%;}
.splash #body-left{width:210px;margin-left: 1px;}
.splash #body-center{width:420px;margin-right: 5px;}

.splash .title{
font-size: 16px;
text-transform: uppercase;
}

.splash .index-splash-padder {padding-top: 10px;}
.splash #index-latest .list_item { margin: 0; padding: 10px 4px 4px 4px;  font-size: 11px; }
.splash #index-latest .listtitle { font-weight: bold; color: #333333; font-size: 13px; padding:  0; display: inline; }
.splash #index-latest .text { font-size: 11px; display:none;}
.splash #index-latest  br { display: block; }

#splash-action{margin-top: 10px;background: #f7f6f4;border:1px solid #d6d4d4;}

#splash-action-padder{padding: 0 10px 20px 10px;font-size: 14px;line-height:20px;}

#splash-action-padder a, #splash-top-right a{color:#000;}

.splash-action-purple{color: #863C98;font-weight:bold;}

#splash-action-title{ font-size: 14px;font-weight:bold; line-height:16px; margin-bottom: 5px; }

div#index-popupvideo {}

body > div#index-popupvideo {}

#index-popupvideo {
width:420px;
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}

#index-popupvideo-padder {
}


#popupvideo-instructions {
font-size: 13px;
color: #777777;
}

.index-popupvideo-thumb{
}

#popupvideo-closer {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CDCDCD;
color:#777777;
float:right;
font-size:12px;
padding:4px;
}