body {
    margin: 0;
	background-color: #b9dfdc;
    font-family: Helvetica;
	font-weight: 500;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

body[class="portrait"] {
	width: 320px;
	min-height: 480px;
}

body[class="landscape"] {
	width: 480px;
	min-height: 320px;
}


a {
	text-decoration:none; 
	color: black;
}

a img {
	border: none;
}

a:visited { 
	color: #021324;
}

.center {
	margin: auto;
	text-align: center;
}

.left {
	float: left;
	padding-right: 3px;
	padding-bottom: 3px;
}

#iphonecontainer {
	position: relative;
	width: 96%;
	min-height: 290px;
	height: 100%;
	margin:auto;
	margin-top: -20px;
	padding-top: 20px;
	background-color: #b8b625;
	z-index: 3;
}

#header {
	position: relative;
	width: 100%;
	height: 70px;
	padding-top: 10px;
	background: url(../images/cosmoprof/header.png) no-repeat; 
	background-position: center;
	z-index: 5;
}

#header a {
	width: 100%;
	height:50px;
	display:block;
	background: none;
		z-index: 5;
}

#cp_content {
	padding-top: 5px;
	background: #FFFFFF;
}


#cp_pages{
	width: 90%;
	min-height: 15px;
	background: #414E5B;
	padding: 5px 10px 5px 10px;
	font-size: 90%;
	text-align: center;
	color: #EBEBD0;
}

#BrandPortfolio
{
	background: #FFFFFF;
}

#footer {
	width: 96%;
	height: 32px;
	padding-top:12px;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	background-color: #b8b625;
	color: black;
	font-size: 12px;
}

#footer a {
	color: white;
}

.menulink {
	height: 40px;
	padding-top: 8px;
	border-bottom: 1px solid #b9dfdc;
	border-top: 1px solid #b9dfdc;
	margin-top: -1px;
	background: url(../images/cosmoprof/listArrow_right.png) no-repeat center right #ffffff;
	padding-left: 10px;
	font-size: 20px;
	overflow: hidden;
	vertical-align:middle;
}

.menulink a 
{
	color: #09c;
	height: 38px;
	display:block;
}

.menulinkBack {
	height: 40px;
	padding-top: 8px;
	border-bottom: 1px solid #b9dfdc;
	border-top: 1px solid #b9dfdc;
	background: url(../images/cosmoprof/listArrow_left.png) no-repeat center left #ffffff;
	padding: 5px 0 0 25px;
	font-size: 20px;
	overflow: hidden;
}

.menulinkBack a 
{
	color: #09c;
	height: 38px;
	display:block;
}

#LegalBody{
	width: 90%;
	min-height: 15px;
	background: #FFFFFF;
	padding: 5px 10px 5px 10px;
	color:#000000;
}

.BodyText { FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: #999; FONT-FAMILY: arial, helvetica, "Futura Std Book" }

.AboutUs 
{
	padding: 15px 15px 15px 20px;
	background: #ffffff;
	border-bottom: 1px solid #b9dfdc;
	border-top: 1px solid #b9dfdc;
}

.style40 {font-family: Arial, Helvetica, sans-serif;
	color: #BA1E54;
	font-size: 18px;
	font-weight: bold;
}
/*Brand Portfolio - Start*/
.style1 { FONT-SIZE: xx-small; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif }
.style9 {font-family: Arial, Helvetica, Futura, sans-serif; font-size: 12px; font-style: italic; font-variant: normal; color: #333333; }
	#layer1 { LEFT: 25px; VISIBILITY: visible; WIDTH: 750px; POSITION: absolute; TOP: 25px; HEIGHT: 100px }
	#layer2 { LEFT: 45px; VISIBILITY: visible; WIDTH: 680px; POSITION: absolute; TOP: 195px; HEIGHT: 210px }
	.wntitle { FONT-SIZE: x-large; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif }
	.wnsubtitle { FONT-SIZE: small; COLOR: #999999; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, Futura, sans-serif }
	.wnnew { FONT-WEIGHT: bold; COLOR: #ff6600; FONT-FAMILY: Arial, Helvetica, sans-serif }
	.wnmanuf { FONT-WEIGHT: bold; FONT-SIZE: small; FONT-FAMILY: Arial, Helvetica, sans-serif }
	.wndeal { FONT-SIZE: x-small; FONT-FAMILY: Arial, Helvetica, sans-serif }
	.brandorng { FONT-WEIGHT: bold; COLOR: #ff9900; FONT-FAMILY: Arial, Helvetica, Futura, sans-serif }
	.brandblue { FONT-SIZE: 13px; COLOR: #007cb9; FONT-FAMILY: Arial, Helvetica, Futura, sans-serif }
/*Brand Portfolio - End*/

/* Education start*/
.Manufacturer { FONT-WEIGHT: bold; FONT-SIZE: 13pt; color:#0066cc; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.Category { FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #f90; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.title { FONT-SIZE: 12pt; COLOR: #666; FONT-STYLE: italic; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.comment { FONT-SIZE: 10pt; COLOR: #666; FONT-STYLE: italic; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.descript { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #333; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.descript a { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #007cb9; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.cost { FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: #09c; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.times2 { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #333; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.hours { FONT-SIZE: 10pt; COLOR: #333; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
/* Education end */
.question { FONT-WEIGHT: bold; FONT-SIZE: 15pt; COLOR: #36f; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.asked { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #999; FONT-STYLE: italic; FONT-FAMILY: arial, helvetica, "Futura Std Book" }
.TextBoxS
{
	width: 250px;
	height: 30px;
	padding: 2px 1px 2px 1px;
	font-size: 150%;
}

.TextBoxLarge
{
	width: 250px;
	height: 130px;
	padding: 2px 1px 2px 1px;
	font-size: 12;
}