@charset "UTF-8";
/* 
Breakthrough in Beauty Style Sheet
http://www.breakthroughinbeauty.com/
Product Partners LLC
 */

/* STANDARD HTML TAGS */
body {
	margin: 0;
	padding: 0;
	color: #101010;
	font: 13px/1.8em Arial, Helvetica, sans-serif;
	text-align: center; /* IE center wrap fix */
	background-color: #fff;
}
body#home {background-color: #fff;}
a, a:link { 
	color: #2e8faf;
	text-decoration: none;
}
a:visited {color: #2e8faf;}
a:hover {color: #2e8faf;}
a:active { color:#2e8faf;}
a:focus { 
	outline: none;
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
h1 {
	color: #2e8faf;
	font-size: 15px;
	text-transform: uppercase;
}
h2 {
	color: #2e8faf;
	font-size: 15px;
	text-transform: capitalize;
}
h3, h4 {
	color: #3D2222;
	font-size: 13px;
	line-height: 1.2em;
	padding-bottom: 4px;
	background: transparent url(../images/dottedline.png) repeat-x left bottom;
}
h5, h6 {font-size: 11px;}
sup { 
	line-height: 1em;
	font-size: 10px;
}
p { margin-top: 0; }

ol, ul {margin-top: 0;}
ul li {
	list-style: none;
	background: url(../images/bullet.png) no-repeat 2px 7px;
	padding-left: 14px;
}
ol li {
	margin-bottom: 1em;}
hr {
	margin: 1em 0;
	height: 1px;
	border: none;
	background: transparent url(../images/dottedline.png) repeat-x 0 0;
}

dl {
	padding: 5px;
	background: transparent url(../images/dottedline.png) repeat-x left bottom;
}
dl dt {
	color: #2e8faf;
	font-size: 12px;
	font-weight: bold;
}
dl dt img {margin-left: 10px;}
dl dd {
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../images/bullet.png) no-repeat 2px 7px;
}


/* LAYOUT STYLE */
#wrap {
	width: 760px;
	margin: 0 auto;
	text-align: left; /* Realign type for IE center wrap fix */
}
#menu {
	padding: 1em 0;
	font-weight: bold;
	line-height: 1.2em;
	color: #685e5e;
  position:relative;
  text-align:right;
  width: 760px;
}
#menu .cew{border-top:2px #999 dotted; border-bottom:2px #999 dotted; font-family:Century Gothic, Arial, Verdana, sans-serif; position:absolute;  padding:8px 0px; text-align:center; width:270px; left:0px; top:18px; font-weight:500;}
#menu .cew a, #menu .cew a:link, #menu .cew a:visited, #menu .cew a:hover, #menu .cew a:active{text-decoration:none; color:#685E5E; font-weight:500; text-transform:none;}

#menu .cew strong, #menu .cew a strong{display:block; color:#ce056e; text-align:center; font-weight:800;}
#content {}

#body_homepage {
	float: right;
	width: 565px;
}
#body {
	float: right;
	width: 492px;
}
#sidebar_homepage {
	float: left;
	width: 190px;
}
#sidebar {
	float: left;
	width: 257px;
}
#footer {
	clear: both;
	font-size: 11px;
}
#award{
	float: right;
	margin: 10px 0px 10px 10px;
	border:none;
}

/*#ts_kicker {
	border-style: none;
	clear: left;
	float: left;
	margin-top: 0px;
}

#de_kicker {
	border-style: none;
	clear: left;
	float: left;
	margin-top: 0px;
}*/

/* CLASSES */
.pad { padding: 10px 0px;}
.clear { clear: both;}
.legal, .note {
	color: #6C6461;
	font-size: 10px;
	line-height: 1.2em;
}

div.hr {
	padding:6px;
  height: 1px;
  background:  url(images/border.gif) repeat-x center center;
}
div.hr hr {
  display: none;
}
/*.border { background:url (images/border.gif) repeat-y center center; width:700px;}*/

.quote {
	margin: 1em 0 0 0;
	color: #2e8faf;
	font: italic 16px/1.8em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding: 10px 10px 0;
	background: url(/../images/line_dottedgray.png) repeat-x left top;
}
.author {
	color: #3D2222;
	margin: 0 0 1.0em;
	font: 11px/1.4em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: right;
	background: url(/../images/line_dottedgray.png) repeat-x left bottom;
	padding: 0px 10px 5px;
}
a.doc, a.rtf, a.txt, a.xls, a.rss, a.pdf {padding: 5px 20px 5px 0;}
a.doc, a.rtf {background: transparent url(../images/icon_doc.gif) no-repeat center right;}
a.txt {background: transparent url(../images/icon_txt.gif) no-repeat center right;}
a.xls {background: transparent url(../images/icon_xls.gif) no-repeat center right;}
a.rss {background: transparent url(../images/icon_feed.gif) no-repeat center right;}
a.pdf {background: transparent url(../images/icon_pdf.gif) no-repeat center right;}


/*#sidebar p.quote {color: #fff;}*/


/* MENU LINKS */
#menu a, #menu a:link, #menu a:visited {
	font-size: 12px;
	color: #685e5e;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
}
#menu a.on, #menu a:link.on, #menu a:visited.on, #menu a:hover { color: #2e8faf; }


/* SIDEBAR LINKS */
#sidebar ul, #sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}
#sidebar ul {margin-top: 10px;}
#sidebar ul li {background: url(../images/bullet.png) no-repeat left center;}
#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #685e5e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/bullet.png) no-repeat left center;
	padding-left: 12px;
}
#sidebar a.on, #sidebar a:link.on, #sidebar a:visited.on, #sidebar a:hover { color: #2e8faf;}

/* BODY LINKS */
#body a, #body a:link, #body a:visited {color: #2e8faf;}
#body a:hover {	text-decoration: underline;}
#body a:active { 
	color: #650d12;
	text-decoration: none;
}

/* this rule is for the Answers, we are using it to set a background image and some padding.   The img url is ignored in favor of your customization done in the DW UserInterface in the Dreamweaver version, or in the divaFAQ variable itself for the Standalone version.*/
.divaFAQ_DL dd, #product dd, #evaluation dd, #timeline_process dd, #distribution dd, #partnership dd {
	padding:0.5em 10px 0.5em 15px;
	margin-bottom: 0.5em;
	background-color: #e7e7ea!important;
/*	background-color: #e5e6e1!important;c4c4c6*/
}

#footer p.legal {
	margin: 1em 0;}

/* THE PROOF PILLARS */

.proof {
	margin-bottom: 1em;
	background: url(../images/pillars_bg.png) repeat-y 0px 0px;
}
div.proof ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.proof ul li {
	float: left;
	list-style: none;
	width: 140px;
	_width: 150px; /* IE HACK */
	margin: 0px 21px 0px 0px;
	padding: 0 5px 5px 5px;
	background: none;
}
.proof ul li.end {margin-right: 0px;}

.hide { visibility: hidden; display: none;}


a.tw{ background:url(../images/twitter_bib.png) top left no-repeat; padding:0px 0px 0px 16px;}
a.fb{ background:url(../images/facebook_bib.png) top left no-repeat; padding:0px 0px 0px 16px;}
a.yt{ background:url(../images/youtube_bib.png) top left no-repeat; padding:0px 0px 0px 16px;}

#scn_cont {width:760px; text-align:left;}
p.soNet { margin: 20px 0px 0px 0px;}
p.soNet img{ margin: 0px 10px; border: none; }

/******* CHANNEL STUFF ********/
#home div.channel{padding-top:10px; background:url(../images/line_dottedwhite.png) top left repeat-x;}

