/* CSS Document */

body {
	background-color:#9e9488;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:65%;
	/*line-height:1.25em;*/
}
.body_hair {
	/*background-image:url(../img/body_bg_hair_care.gif);
	background-repeat:repeat-y;
	background-position:center;*/
}
.body_body {
	background-image:url(../img/body_bg_body_care.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.body_skin {
	background-image:url(../img/body_bg_skin_care.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.body_grooming {
	background-image:url(../img/body_bg_grooming.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.grooming {
	background-image:url(../img/body_bg_grooming.gif);
	background-repeat:repeat-y;
}
div, td, table, font {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.4em;
	font-weight:normal;
}
table {
	/*margin:auto;*/
}
/* ---------------------------------------------------- */
#top {
	width:960px;
	height:92px;
	text-align:left;
	background-image:url(../img/top_bg.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
#topLogo {
	position:relative;
	float:right;
}
#topMenu {
	position:relative;
	margin-left:100px;
	background-color:#666666;
}
#lang {
	position:relative;
	padding-left:130px;
	padding-top:15px;
	text-align:left;
	color: #bcb6ae;
}
#lang a, #lang a:link, #lang a:visited, #lang a:hover, #lang a:active {
	font-size:100%;
	font-weight:bold;
	color:#a49b91;
	text-decoration:none;
}
#lang a:hover {
	text-decoration:underline;
}

/* ---------------------------------------------------- Top Menu ---------------------------------------------------- */
#topMenuHolder {
	/*position:absolute;*/
	position:relative;
	float:left;
	left-padding:130px;
	padding-top:10px;
}
#topMenu {
	position:relative;
	font-size:100%;
	font-weight:bold;
	color:#333333;
	padding-top:49px;
	background-color:#CCCCFF;
}
#topMenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#topMenu li {
	display:inline;
	text-align:center;
	margin-left: 40px;
}
#topMenu a, #topMenu a:link, #topMenu a:visited, #topMenu a:hover, #topMenu a:active {
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}
#topMenu a:hover {
	text-decoration:underline;
}
/* ----------------------------------------------------Startpage ---------------------------------------------------- */
#startpageIntroHolder {
	padding-left:0px;
	padding-bottom:35px;
	padding-top:6px;
}
#startpageIntroText {
	float:left;
	width:350px;
}
#startpageIntroImage {
	float:left;
}
#startpagePortals {
	position:relative;
	text-align:center;
}
.startpagePortal {
	/*float:left;*/
	width:170px;
	margin-right:40px;
}
.startpageEndPortal {
	/*float:left;*/
	width:170px;
}
.portalLinkHolder {
	width:170px;
	text-align:center;
	color:#a49b91;
}
a, a:link, a:active, a:visited, a:hover {
	color:#a49b91;
	font-weight:bold;
	text-decoration:none;
}
#portalLink1, #portalLink2, #portalLink3, #portalLink4 {
	visibility:hidden;
	text-align:center;
}
#portalLink1 a, #portalLink1 a:link, #portalLink1 a:visited, #portalLink1 a:hover, #portalLink1 a:active, 
#portalLink2 a, #portalLink2 a:link, #portalLink2 a:visited, #portalLink2 a:hover, #portalLink2 a:active, 
#portalLink3 a, #portalLink3 a:link, #portalLink3 a:visited, #portalLink3 a:hover, #portalLink3 a:active, 
#portalLink4 a, #portalLink4 a:link, #portalLink4 a:visited, #portalLink4 a:hover, #portalLink4 a:active {
	color:#a49b91;
	font-weight:bold;
	text-decoration:none;
}
#portalLink1 a:hover, #portalLink2 a:hover, #portalLink3 a:hover, #portalLink4 a:hover {
	color:#a49b91;
	font-weight:bold;
	text-decoration:underline;
}
.portalLinkPadding1, .portalLinkPadding2 {
	padding-bottom:2px;
}
.portalLinkPadding2 {
	padding-left:10px;
}
/* ---------------------------------------------------- LeftNav ---------------------------------------------------- */
#leftNav {
	padding-top:25px;
	padding-left:5px;
	padding-right:3px;
	padding-bottom:25px;
}
.leftNavHeader, .leftNavHeaderBody, .leftNavHeaderSkin, .leftNavHeaderGrooming {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	font-weight:bold;
}
/* ----- HAIR CARE ----- */
.leftNavHeader {
	color:#000000;
}
.leftNavHeader a, .leftNavHeader a:link, .leftNavHeader a:visited, .leftNavHeader a:hover, .leftNavHeader a:active {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.leftNavHeader a:hover {
	color:#CCCCCC;
}
.leftNavHeader1 {
	color:#FFFFFF;
}
.leftNavHeader1 a, .leftNavHeader1 a:link, .leftNavHeader1 a:visited, .leftNavHeader1 a:hover, .leftNavHeader1 a:active {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.leftNavHeader1 a:hover {
	color:#FFFFFF;
}
/* ----- BODY CARE ----- */
.leftNavHeaderBody {
	color:#439279;
}
.leftNavHeaderBody a, .leftNavHeaderBody a:link, .leftNavHeaderBody a:visited, .leftNavHeaderBody a:hover, .leftNavHeaderBody a:active {
	color:#439279;
	font-weight:bold;
	text-decoration:none;
}
.leftNavHeaderBody a:hover {
	color:#2f7660;
}
/* ----- SKIN CARE ----- */
.leftNavHeaderSkin {
	color:#000000;
}
.leftNavHeaderSkin a, .leftNavHeaderSkin a:link, .leftNavHeaderSkin a:visited, .leftNavHeaderSkin a:hover, .leftNavHeaderSkin a:active {
	color:#439279;
	font-weight:bold;
	text-decoration:none;
}
.leftNavHeaderSkin a:hover {
	color:#CCCCCC;
}
/* ----- GROOMING ----- */
.leftNavHeaderGrooming {
	color:#000000;
}
.leftNavHeaderGrooming a, .leftNavHeaderGrooming a:link, .leftNavHeaderGrooming a:visited, .leftNavHeaderGrooming a:hover, .leftNavHeaderGrooming a:active {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.leftNavHeaderGrooming a:hover {
	color:#CCCCCC;
}
/* ----- END ----- */
.leftNavLinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
	/*width:82px;*/
}
.leftNavLinks ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
}
.leftNavLinks li {
}
.leftNavLinks a, .leftNavLinks a:link, .leftNavLinks a:visited, .leftNavLinks a:hover, .leftNavLinks a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
.leftNavLinks a:hover {
	text-decoration:underline;
}
.leftNavLinks a:click {
	text-decoration:underline;
}

/* ---------------------------------------------------- END Products ---------------------------------------------------- */
.productRub {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	vertical-align: top;
}
.Rub {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
h2 {
	font-size:1.4em;
	line-height:1.4em;
	margin-top:0;
	margin-bottom:0.4em;
	font-weight:bold;
}
.productHolder {
	float:left;
	width:763px;
}
.product {
	float:left;
	width:250px;
	margin-bottom:50px;
}
.productImage {
	width:50px;
	text-align:center;
	padding-bottom:50px;
}
.productImageWide {
	text-align:center;
	background-position: center;
	height: 110px;
	vertical-align: middle;
}
.productImageMini {
	width:50px;
	text-align:center;
	padding-bottom:20px;
}
.productInfo {
	padding-right:20px;
	padding-left:10px;
	padding-bottom:50px;
}
.productInfoRubrik {
	padding-right:20px;
	padding-left:10px;
	padding-bottom:10px;
}
.productInfoMini {
	padding:0 20px 20px 10px;
}
/* ---------------------------------------------------- END ---------------------------------------------------- */
#mainCenterHolder {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}
.mainCenterBgHair {
	background-image:url(../img/body_bg_hair_grey.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairBrunette {
	background-image:url(../img/body_bg_hair_brunette.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairBlonde {
	background-image:url(../img/body_bg_hair_blondes.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairJamelia {
	background-image:url(../img/body_bg_hair_jamelia.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairHelena {
	background-image:url(../img/body_bg_hair_helena.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairErin {
	background-image:url(../img/body_bg_hair_erin.gif);
	background-repeat:repeat-y;
}
.mainCenterBgBulldog {
	background-image:url(../img/body_bg_bulldog.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairRed {
	background-image:url(../img/body_bg_hair_red.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairAqua {
	background-image:url(../img/body_bg_hair_aqua.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairPink {
	background-image:url(../img/body_bg_hair_pink.gif);
	background-repeat:repeat-y;
}
.mainCenterBgHairBlue {
	background-image:url(../img/body_bg_hair_blue.gif);
	background-repeat:repeat-y;
}
.mainCenterBgBody {
	background-image:url(../img/body_bg_body_care.gif);
	background-repeat:repeat-y;
}
.mainCenterBgSkin {
	background-image:url(../img/body_bg_skin_care.gif);
	background-repeat:repeat-y;
}
.mainCenterBgGrooming {
	background-image:url(../img/body_bg_grooming.gif);
	background-repeat:repeat-y;
}
#centerHolderStart {
	position:relative;
	/*width:960px;*/
	text-align:left;
	padding-bottom:25px;
}
#centerHolder {
	position:relative;
	/*width:960px;*/
	text-align:left;
}
#leftHolder {
	position:relative;
	float:left;
	width:102px;
}
#leftLayout {
	padding-left:12px;
}
#leftContent {
	width:90px;
}
#leftImage {
	
}
.structure {
	font-size:12px;
	position:relative;
	color:#000000;
	font-weight:bold;
}
#toniGuySG {
	position:absolute;
	left:737px;
	top:102px;
}
#mainHolder {
	position:relative;
	float:left;
	width:850px;
	padding-bottom:25px;
	/*padding-left:30px;*/	
	/*width:793px;*/
	/*background-color:#006600;*/
}
#mainContent {
	/*padding-top:60px;*/
	margin-left:30px;
	margin-bottom: 80px;
}
.subMenu {
	height:50px;
}
.subMenuLink {
	padding-top:5px;
	float:left;
	padding-right:15px;
}
.subMenuLink a, .subMenuLink a:link, .subMenuLink a:visited, .subMenuLink a:active, .subMenuLink a:hover {
	color:#a49b91;
	font-weight:bold;
	text-decoration:none;
}
.subMenuLink a:hover {
	text-decoration:underline;
}
#mainInfo {
	padding-top:35px;
	float:left;
	width:420px;
	/*background-color:#0066ff;*/
}
#mainInfoKingsley {
	padding-top:35px;
	float:left;
	width:720px;
}
#mainInfoStart {
	float:left;
	width:400px;
}
#mainRightImage {
	position:relative;
	float:left;
	width:340px;
	margin-right:10px;
	text-align:center;
}
#mainImage {
	position:relative;
	float:right;
	width:350px;
	margin-right:10px;
	text-align:right;
	/*background-color:#999999;*/
	/*position:absolute;
	left:490px;
	top:105px;*/
}
#mainImage2 {
	position:relative;
	float:left;
	margin-left:75px;
	vertical-align: top;
	/*position:absolute;
	left:490px;
	top:105px;*/
}
#mainTextRight {
	position:absolute;
	right:490px;
	top:105px;
}
#mainInfoHeader {
	padding-bottom: 10px;
}
.quizText {
	font-size:12px;
	font-weight:bold;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.clearBoth {
	clear:both;
}
.hairRightInfoBox {
	background-color:#9b271f;
	padding:10px;
	color:#FFFFFF;
	margin-bottom:20px;
}
.hairRightInfoBox ul{
	padding:0px;
	color:#FFFFFF;
	margin-left: 12px;
}
.hairRightInfoBox ul li{
	padding:0px;
	color:#FFFFFF;
	margin-left: 0px;
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 7px;
}
.groomingRightInfoBox {
	background-color:#01A3EB;
	padding:10px;
	color:#FFFFFF;
	margin-bottom:20px;
}
.greenRightInfoBox {
	background-color:#BAD1C9;
	padding:10px;
	color:#000000;
	margin-bottom:20px;
}
.hairBottomInfoBox {
	background-color:#9b271f;
	padding:25px;
	color:#FFFFFF;
	margin-bottom:20px;
}
#infoPage {
	padding-left:70px;
	padding-top:35px;
}
.infoBoxLeft {
	float:left;
	width:380px;
	margin-right:25px;
}
.infoBoxRight {
	float:left;
	width:380px;
}

#topNav {
	position:absolute;
	margin:67px 0px 0px 125px;
}

.linkGreyBg {
	
}
.linkGreyBg a,
.linkGreyBg a:link,
.linkGreyBg a:active,
.linkGreyBg a:visited,
.linkGreyBg a:hover {
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
}





.hairRed {
	font-weight:bold;
	color:#c32e4b;
}
.hairAqua {
	font-weight:bold;
	color:#1ebdc6;
}
.hairPink {
	font-weight:bold;
	color:#f390bc;
}




.bgHairRed {
	background-color:#be0a3f;
}
div.pressNewsStart img {
	padding:0;
	margin:0 0 10px 0;
}
.bgHairBlue {
	background-color:#3E85C6;
}
div.pressRelease {
	 width:450px;
}
div.pressRelease img {
	/*float:right;
	margin:0 0 10px 10px;*/
}
