@charset "UTF-8";
html, body {
	background-color: #000;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	min-height:750px;
	font-size:84%;
	font-family:"arial";
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}

em {
	font-style: normal; 
}

#container {
	min-width:840px;
	width:100%;
	background-image: url(../img/tile.jpg);
	background-color: #262626;
}

div#container div#header {
	min-width:840px;
	width:100%;
	height:168px;
	background-image: url(../img/scribble_top.gif);
	background-position: center bottom;
	background-repeat: repeat-x;

}

div#container div#header p {
	padding:0px;
	margin:0px;
}

div#container div#header #logo ul {
  padding:0; 
  margin:10px auto 0px auto;
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
}

div#container div#header #logo ul li {
  float:left;
  position:relative;
  right:50%;
  border-right:2px solid #ffffff;
  margin:5px 0px 0px 15px;
  padding:0px 15px 0px 0px;
  font-size:1.3em;
}

div#container div#header #logo ul .last {
	border:none;
}

div#container div#header #logo ul li a {
  width:auto;
  display:block;
  color:#ffffff; 
  text-decoration:none;
}

div#container div#header #logo ul li a:hover {
	text-decoration:underline;
}

div#container div#header #logo ul .on a {
	color:#e71f01;
}


div#container #header #logo {
	min-width:840px;
	width:100%;
	height:147px;
	text-align:center;
	background-color: #000000;
}

div#container #header #logo img{
	margin-top:17px;
}

div#container #header #arrow {
	position:absolute;
	min-width:840px;
	width:100%;
	height:38px;
	text-align:center;
	background-image: url(../img/scribble_arrow.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

div#container #header #products-watch {
	position:absolute;
	min-width:840px;
	width:100%;
	height:78px;
	text-align:center;
	margin-top:26px;
}

div#container #header #products-watch img {
	border:0;
}

div#container div#content {
	min-width:840px;
	width:840px;
	min-height:600px;
	margin:50px auto 0px auto;
    padding:0px 0px 0px 0px;
}
div#container div#gameContainer {
	position:absolute;
	width:937px;
	height:566px;
	overflow:hidden;
}

div#container div#gameContainer div#gameOutter {
	position:absolute;
	width:937px;
	height:600px;
	margin-top:-54px;
}
div#container div#content-products {

	margin:-30px auto 0px auto;

}

div#container div#leftproduct {
	position:absolute;
	margin:0px 0px 0px 150px;
}

div#container div#leftproduct .rollover {
	position:absolute;
	margin:-170px 0px 0px -55px;
}

div#container div#leftproduct img {
	border:none;
}

div#container div#leftproduct .image {
	background-image:url(../img/homepage-kevin-shadow-v2.png);
	background-repeat:no-repeat;
}

div#container div#rightproduct {
	position:absolute;
	margin:0px 0px 0px 450px;

}

div#container div#rightproduct .rollover {
	position:absolute;

	margin:-185px 0px 0px 100px;
}

div#container div#rightproduct img {
	border:none;
}

div#container div#rightproduct .image {
	background-image:url(../img/homepage-products-shadow-v2.png);
	background-repeat:no-repeat;
}


div#container div#lowerleftproduct {
	position:absolute;
	margin:320px 0px 0px 150px;
}

div#container div#lowerleftproduct .rollover {
	position:absolute;
	margin:-100px 0px 0px -80px;
}

div#container div#lowerleftproduct img {
	border:none;
}

div#container div#lowerleftproduct .image {
	background-image:url(../img/homepage-facebook-shadow.png);
	background-repeat:no-repeat;
}

div#container div#lowerrightproduct {
	position:absolute;
	margin:310px 0px 0px 490px;
}

div#container div#lowerrightproduct .rollover {
	position:absolute;
	margin:-160px 0px 0px 90px;
}

div#container div#lowerrightproduct img {
	border:none;
}

div#container div#lowerrightproduct .image {
	background-image:url(../img/homepage-brylcreem-boy-shadow.png);
	background-repeat:no-repeat;
}

div#container div#header div#arrowlong {
	position:absolute;
	min-width:840px;
	width:100%;
	height:470px;
	text-align:center;
	background-image: url(../img/arrow_long.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:-5px 0px 0px 0px;
}

div#container div#header div#arrowtop {
	position:absolute;
	min-width:840px;
	width:100%;
	height:470px;
	text-align:center;
	background-image: url(../img/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:-5px 0px 0px 0px;
}

div#container div#header div#dotsvertical {
	position:absolute;
	min-width:840px;
	width:100%;
	height:490px;
	text-align:center;
	background-image: url(../img/dots-vertical.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin:40px 0px 0px 0px;
}

div#container div#header div#arrowbottom {
	position:absolute;
	min-width:840px;
	width:100%;
	height:100px;
	text-align:center;
	background-image: url(../img/arrow_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:520px 0px 0px -1px;
}


/* New KP page */
div#container div#header div#kp-dotsvertical {
	position:absolute;
	min-width:840px;
	width:100%;
	height:380px;
	text-align:center;
	background-image: url(../img/dots-vertical.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin:90px 0px 0px 0px;
}

div#container div#header div#kp-arrowbottom {
	position:absolute;
	min-width:840px;
	width:100%;
	height:100px;
	text-align:center;
	background-image: url(../img/arrow_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:440px 0px 0px -1px;
}

div#container div#header div#presentpast {
	position:absolute;
	min-width:840px;
	width:100%;
	height:100px;
	text-align:center;
	background-image: url(../img/present-past.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:40px 0px 0px 0px;
}


div#container div#kp-leftproduct {
	position:absolute;
	margin:60px 0px 0px 100px;
}

div#container div#kp-leftproduct .rollover {
	position:absolute;
	margin:-145px 0px 0px 100px;
}

div#container div#kp-leftproduct img {
	border:none;
}

div#container div#kp-leftproduct .image {
	background-image:url(../img/present-brylcreem-boy-shadow.png);
	background-repeat:no-repeat;
}

div#container div#kp-rightproduct {
	position:absolute;
	margin:80px 0px 0px 480px;

}

div#container div#kp-rightproduct .rollover {
	position:absolute;

	margin:-75px 0px 0px -40px;
}

div#container div#kp-rightproduct img {
	border:none;
}

div#container div#kp-rightproduct .image {
	background-image:url(../img/homepage-products-shadow.png);
	background-repeat:no-repeat;
}
/* ! End KP page */


/* Current Brylcreem Boy */
div.current-brylcreem-boy img {
	border:0;
}

div.current-brylcreem-boy .img {
	position:absolute;
	margin-left:0px;
	margin-top:20px;
}

div.current-brylcreem-boy .kevinimage {
	position:absolute;
	background-image:url(../img/current-brylcreem-boy-kevin-shadow.png);
	background-repeat:no-repeat;
}

div.current-brylcreem-boy .text {
	position:absolute;
	margin-left:260px;
	margin-top:30px;
}

div.current-brylcreem-boy .videoimage {
	position:absolute;
	background-image:url(../img/current-brylcreem-boy-video-shadow.png);
	background-repeat:no-repeat;
	margin-left:540px;
	margin-top:60px;
}

div.current-brylcreem-boy .video-rollover {
	position:absolute;
	margin-left:680px;
	margin-top:180px;
}

div.current-brylcreem-boy .history {
	position:absolute;
	width:90px;
	margin-top:320px;
	margin-left:800px;
	text-align:right;
}

div.current-brylcreem-boy .history .text {
	position:absolute;
	margin-top:20px;
	margin-left:-235px;
}

/* Current Brylcreem Boy */

/* Brylcreem Boy History */
div.brylcreem-boy-history img {
	border:0;
}

div.brylcreem-boy-history .historyimg {
	position:absolute;
	margin-left:120px;
	margin-top:0px;
}

div.brylcreem-boy-history .text {
	position:absolute;
	margin-left:410px;
	margin-top:30px;
}

div.brylcreem-boy-history .rollover {
	position:absolute;
	margin-left:40px;
	margin-top:250px;
}

div.brylcreem-boy-history .current {
	position:absolute;
	width:90px;
	margin-top:370px;
	margin-left:700px;
	text-align:right;
}

div.brylcreem-boy-history .current .text {
	position:absolute;
	margin-top:20px;
	margin-left:-255px;
}

/* Brylcreem Boy History */




div#container div#dotshorizontal {
	position:absolute;
	width:645px;
	height:20px;
	text-align:center;
	background-image: url(../img/dots-horizontal.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin:270px 0px 0px 72px;
}

div#container div#arrowleft {
	position:absolute;
	width:96px;
	height:70px;
	text-align:left;
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:240px 0px 0px 8px;
}

div#container div#arrowright {
	position:absolute;
	width:96px;
	height:70px;
	text-align:right;
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:243px 0px 0px 708px;
}

div#container div#content div#product-cream {
    margin:0px 0px 0px 0px;
}

div#container div#content div#product-cream .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-cream .image {
	position:absolute;
	margin:30px 0px 0px 15px;
	background-image:url(../img/products/dropshadow-type1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-cream .text {
	position:absolute;
	margin:155px 0px 0px -25px;
}

div#container div#content div#product-cream div.product-links {
	margin-left:0;
}

div#container div#content div#product-cream .rollover-text {
	position:absolute;
	margin:209px 0px 0px -18px;
	/*display:none;*/
}

div#container div#content div#product-cream .text em {
	color:#f8e964;
}



div#container div#content div#product-clay {
	margin:0px 0px 0px 220px;
}

div#container div#content div#product-clay .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-clay .image {
	position:absolute;
	margin:30px 0px 0px 15px;
	background-image:url(../img/products/dropshadow-type1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-clay .text {
	position:absolute;
	margin:155px 0px 0px 0px;
}

div#container div#content div#product-clay div.product-links {
	margin-left:6px;
}

div#container div#content div#product-clay .rollover-text {
	position:absolute;
	margin:209px 0px 0px -12px;
	/*display:none;*/
}

div#container div#content div#product-clay .text em {
	color:#de7e47;
}





div#container div#content div#product-wax {
	margin:0px 0px 0px 440px;
}

div#container div#content div#product-wax .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-wax .image {
	position:absolute;
	margin:30px 0px 0px 15px;
	background-image:url(../img/products/dropshadow-type1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-wax .text {
	position:absolute;
	margin:155px 0px 0px 0px;
}

div#container div#content div#product-wax div.product-links {
	margin-left:10px;
}

div#container div#content div#product-wax .rollover-text {
	position:absolute;
	margin:209px 0px 0px -5px;
	/*display:none;*/
}

div#container div#content div#product-wax .text em {
	color:#bf2597;
}






div#container div#content div#product-gelwax {
	margin:0px 0px 0px 660px;
}

div#container div#content div#product-gelwax .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-gelwax .image {
	position:absolute;
	margin:30px 0px 0px 15px;
	background-image:url(../img/products/dropshadow-type1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-gelwax .text {
	position:absolute;
	margin:155px 0px 0px 0px;
}

div#container div#content div#product-gelwax div.product-links {
	margin-left:13px;
}

div#container div#content div#product-gelwax .rollover-text {
	position:absolute;
	margin:209px 0px 0px -15px;
	/*display:none;*/
}

div#container div#content div#product-gelwax .text em {
	color:#42a3c4;
}





div#container div#content div#product-extreme {
	margin:0px 0px 0px 0px;
}

div#container div#content div#product-extreme .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-extreme .image {
	position:absolute;
	margin:0px 0px 0px 90px;
	background-image:url(../img/products/dropshadow-type2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-extreme .text {
	position:absolute;
	margin:220px 0px 0px 60px;
}

div#container div#content div#product-extreme div.product-links {
	margin-left:65px;
}

div#container div#content div#product-extreme .rollover-text {
	position:absolute;
	margin:275px 0px 0px 52px;
	/*display:none;*/
}

div#container div#content div#product-extreme .text em {
	color:#b992f1;
}





div#container div#content div#product-strong {
	margin:0px 0px 0px 260px;
}

div#container div#content div#product-strong .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-strong .image {
	position:absolute;
	margin:0px 0px 0px 90px;
	background-image:url(../img/products/dropshadow-type2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-strong .text {
	position:absolute;
	margin:220px 0px 0px 75px;
}

div#container div#content div#product-strong div.product-links {
	margin-left:71px;
}

div#container div#content div#product-strong .rollover-text {
	position:absolute;
	margin:275px 0px 0px 42px;
	/*display:none;*/
}

div#container div#content div#product-strong .text em {
	color:#28bf39;
}





div#container div#content div#product-wet {
	margin:0px 0px 0px 510px;
}

div#container div#content div#product-wet .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-wet .image {
	position:absolute;
	margin:0px 0px 0px 90px;
	background-image:url(../img/products/dropshadow-type2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-wet .text {
	position:absolute;
	margin:220px 0px 0px 75px;
}

div#container div#content div#product-wet div.product-links {
	margin-left:74px;
}

div#container div#content div#product-wet .rollover-text {
	position:absolute;
	margin:275px 0px 0px 53px;
	/*display:none;*/
}

div#container div#content div#product-wet .text em {
	color:#42a3c4;
}




div#container div#content div#product-gelcream {
	margin:0px 0px 0px 280px;
}

div#container div#content div#product-gelcream .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-gelcream .image {
	position:absolute;
	margin:50px 0px 0px 55px;
	background-image:url(../img/products/dropshadow-type3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-gelcream .text {
	position:absolute;
	margin:195px 0px 0px 30px;
}

div#container div#content div#product-gelcream div.product-links {
	margin-left:54px;
}

div#container div#content div#product-gelcream .rollover-text {
	position:absolute;
	margin:250px 0px 0px 32px;
	/*display:none;*/
}

div#container div#content div#product-gelcream .text em {
	color:#0054fc;
}






div#container div#content div#product-red {
	margin:0px 0px 0px 70px;
}

div#container div#content div#product-red .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-red .image {
	position:absolute;
	margin:50px 0px 0px 55px;
	background-image:url(../img/products/dropshadow-type3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

div#container div#content div#product-red .text {
	position:absolute;
	margin:195px 0px 0px 50px;
}

div#container div#content div#product-red div.product-links {
	margin-left:54px;
}

div#container div#content div#product-red .rollover-text {
	position:absolute;
	margin:250px 0px 0px 22px;
	/*display:none;*/
}

div#container div#content div#product-red .text em {
	color:#dc1829;
}







div#container div#content div#product-blue {
	margin:0px 0px 0px 480px;
}

div#container div#content div#product-blue .rollover {
	position:absolute;
	/*display:none;*/
}

div#container div#content div#product-blue .image {
	position:absolute;
	margin:50px 0px 0px 55px;
	background-image:url(../img/products/dropshadow-type3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#container div#content div#product-blue .text {
	position:absolute;
	margin:195px 0px 0px 0px;
}

div#container div#content div#product-blue div.product-links {
	margin-left:91px;
}

div#container div#content div#product-blue .rollover-text {
	position:absolute;
	margin:250px 0px 0px 20px;
	/*display:none;*/
}

div#container div#content div#product-blue .text em {
	color:#4c84e1;
}



div#container div#content div.product-links {
	position:absolute;
	text-align:center;
}

div#container div#content div#row1 div.product-links {
	margin-top:186px;
}

div#container div#content div#row2 div.product-links {
	margin-top:251px;
}

div#container div#content div#row3 div.product-links {
	margin-top:226px;
}

div#container div#content div#row4 div.product-links {
	margin-top:226px;
}

div#container div#content div.product-links img {
	border:0;
}

div#container div#content div#row1 {
	margin:0px 0px 278px 0px;
    /*border-top:1px solid #000000;*/
    padding:50px 0px 0px 0px;
}

div#container div#content div#row2 {
	margin:0px 0px 296px 0px;
}

div#container div#content div#row3 {
	margin:0px 0px 200px 0px;
}

div#container div#content div#row4 {
	margin:0px 0px 370px 0px;
}

div#footer {
	background-color:#000000;
    text-align:center;
}

div#footer ul {
    margin:0px 0px 0px 0px;
    padding:10px;
}

div#footer ul li {
    color:#9b9b9b;
    list-style-type:none;
    display:inline;
    border-right:2px solid #9b9b9b;
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
}

div#footer ul li a {
	color:#9b9b9b;
	text-decoration:none;
}

div#footer ul li a:hover {
	text-decoration:underline;
}

div#footer ul .last {
    border:none;
}

div#container div#content div#back {
	float:left;
}

div#container div#content div#back img {
	border:none;
}

div#container div#content div#contactform {
	margin:0px 0px 0px 200px;
	color:#bfbfbf;
    font-weight:bold;
}

div#container div#content div#contactform h4 {
	color:#ffffff;
	font-size:1.3em;
	margin:0px 0px 10px 0px;
	padding:0px;
}

div#container div#content div#contactform p {
	margin:0px;
	padding:0px;
}

div#container div#content div#contactform .float {
	/*float:left;*/
}

div#container div#content div#contactform form {

}


div#container div#content div#contactform .forminput p {
	border:0px;
	padding:0px;
}

div#container div#content div#contactform .forminput {
	margin:0px 0px 10px 0px;
}

div#container div#content div#contactform .forminput textarea {
	height:100px;
}

div#container div#content div#contactform .forminput .error {
	margin:0px 0px 0px 5px;
	color:#ff0000;
}

div#container div#content div#contactform .submit_btn {
	margin:0px 0px 0px 10px;
}

div#container div#content div#contactform .tel {
    margin:0px 0px 40px 0px;
}

div#container div#content div#contactform .margin {
	margin:0px 0px 10px 0px;
}

div#container div#content div#contactform .address {
	margin:0px 0px 10px 0px;
}

div#container div#content div#contactform .address_bottom {
	margin:0px 0px 40px 0px;
    color:#858585;
}

div#container div#content div#contactform .email {
	margin:0px 0px 40px 0px;
}


div#container div#content div#terms {
	margin:0px 0px 40px 200px;
	color:#bfbfbf;
}

div#container div#content div#terms h4 {
	color:#ffffff;
	font-size:1.3em;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div#container div#content div#terms p {
	margin:0px 0px 5px 0px;
	padding:0px;
}