/************ START main.css ********************/

body
{
margin-top			: 30px;
padding				: 0px 0px 0px 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #666;
background          : #FFF url(../images/generic/body-bg.jpg) repeat-x;
}

form /* No space around forms */
{
margin				: 0px;
padding				: 0px;
}

img /* no border round images with links */
{
border				: 0px;
}

em.error
{
color				: red;
font-style			: normal;
display				: block;
margin-top			: 5px;
margin-left			: 90px;
}

div.hold
{
position			: relative;
width				: 950px;
margin				: 0px auto;
padding				: 0px 0px 0px 0px;
overflow			: hidden;
}

div.header
{
width				: 950px;
overflow			: hidden;
padding             : 0px 0px 10px 0px;
}

div.logo
{
width				: 261px;
display             : block;
overflow            : hidden;
float               : left;
}

div.logo h1
{
background          : url(../images/generic/logo-mynewhair.png) no-repeat;
width               : 251px;
padding-top         : 82px;
height              : 0px;
overflow            : hidden;
margin              : 0px 0px 20px 0px;
float               : left;
}

div.nav-search
{
width               : 689px;
display             : block;
float               : left;
padding             : 20px 0px 0px 0px;
}

div.nav-search div.navigation
{
width               : 689px;
display             : block;
overflow			: hidden;
}

div.nav-search div.navigation ul
{
list-style-type     : none;
margin              : 0px 0px 0px 65px;
padding             : 0px 0px 0px 10px;
background          : url(../images/generic/bg-topnav.png) no-repeat;
min-height          : 39px;
}

div.nav-search div.navigation ul
{
height              : 39px;
}

div.nav-search div.navigation ul li
{
display             : block;
float               : left;
margin              : 0px;
padding             : 0px;
line-height         : 39px;
font-size           : 75%;
border-right        : 1px solid #FFF;
background          : #FF99CC url(../images/generic/bg-topnav.png) no-repeat bottom;
}

div.nav-search div.navigation ul a
{
color               : #FFF;
text-decoration     : none;
display             : block;
padding             : 0px 10px 0px 10px;
}

div.nav-search div.search
{
background          : url(../images/generic/bg-search.png) no-repeat 0px 0px;
width               : 236px;
min-height          : 32px;
padding             : 8px 0px 0px 10px;
margin              : 10px 0px 0px 438px;
}

* html div.nav-search div.search
{
height              : 32px;
}

div.nav-search div.search p
{
font-size           : 85%;
font-weight         : bold;
color               : #333;
line-height         : 24px;
margin              : 0px;
}

div.nav-search div.search label
{
width               : 60px;
display             : block;
float               : left;
}

div.nav-search div.search input
{
font-family         : Arial;
border              : 1px solid #333;
font-weight         : normal;
padding             : 3px;
width               : 130px;
}


div.nav-search div.search input.search
{
font-family         : Arial;
border              : 0px solid #333;
font-weight         : normal;
padding             : 3px;
width               : 20px;
background-color    : Transparent;
}

/* Footer */

div.footer
{
position			: relative;
width				: 100%;
margin				: 0px auto;
padding             : 20px 0px 20px 0px;
clear               : both;
background-color    : #DB6391;
overflow            : hidden;
margin-top          : 20px;
}

div.footer-wrapper
{
width               : 950px;
margin				: 0px auto;
overflow            : hidden;
}

div.footer div.dontate
{
width               : 230px;
overflow			: hidden;
padding             : 0px 0px 0px 0px;
display             : block;
float               : left;
}

div.footer div.dontate a
{
display				: block;
float               : left;
}

div.footer div.tel-email
{
background          : url(../images/generic/bg-footer-telemail.png) no-repeat 0px 0px;
width               : 344px;
min-height          : 67px;
padding             : 8px 0px 0px 10px;
margin              : 0px 0px 0px 0px;
display             : block;
float               : left;
}

* html div.footer div.tel-email
{
height             : 67px;
}

div.footer div.tel-email p
{
font-size           : 140%;
color               : #D11876;
line-height         : 50px;
font-weight         : bold;
margin              : 0px 0px 0px 0px;
}

div.footer div.tel-email p span
{
color               : #333;
padding-left        : 10px;
}

div.footer div.tel-email p a
{
color               : #D11876;
text-decoration     : none;
padding             : 0px 0px 0px 0px;
}

div.footer div.social-links
{
width               : 345px;
overflow			: hidden;
padding             : 10px 0px 0px 0px;
display             : block;
float               : left;
}

div.footer div.social-links div.social
{
width               : 175px;
overflow			: hidden;
padding             : 0px 0px 0px 170px;
}

div.footer div.social-links div.social p
{
background          : url(../images/generic/follow-us.png) no-repeat;
width               : 64px;
padding-top         : 12px;
height              : 0px;
overflow            : hidden;
margin              : 18px 0px 0px 0px;
float               : left;
}

div.footer div.social-links div.social a.twitter
{
background          : url(../images/generic/icon-twitter.png) no-repeat;
width               : 47px;
padding-top         : 47px;
height              : 0px;
overflow            : hidden;
float               : left;
margin-left         : 8px;
}

div.footer div.social-links div.social a.facebook
{
background          : url(../images/generic/icon-facebook.png) no-repeat;
width               : 47px;
padding-top         : 47px;
height              : 0px;
overflow            : hidden;
float               : left;
margin-left         : 8px;
}

div.footer div.social-links div.link
{
width               : 345px;
overflow			: hidden;
padding             : 0px 0px 0px 0px;
display             : block;
float               : left;
}

div.footer div.social-links div.link ul
{
margin              : 16px 0px 0px 0px;
padding             : 0px;
list-style-type     : none;
overflow            : hidden;
}

div.footer div.social-links div.link ul li
{
font-size           : 70%;
line-height         : 12px;
margin              : 0px;
display             : block;
float               : left;
}

div.footer div.social-links div.link ul li a
{
color               : #FFF;
text-decoration     : none;
margin-left         : 5px;
}

div.disclaimer
{
margin-left			: 150px;
}

div.disclaimer p
{
font-size			: 0.7em;
}

div.disclaimer p, div.disclaimer p a
{
color				: #333;
}

div.disclaimer p a
{
text-decoration		: underline;
}

div.disclaimer p a:hover
{
text-decoration		: none;
}

/* stop bg appearing on nested ul's */
div.rightside ul li ul
{
background          : none;
}


/************ START home.css ********************/

div.content-wrapper
{
width               : 700px;
overflow            : hidden; 
float               : left;            
}

div.content
{
background          : url(../images/home/bg-content.png) no-repeat -6px 0px;
width				: 640px;
min-height          : 485px;
overflow            : hidden;
padding             : 20px 30px 0px 30px;
}

div.content-bottom
{
background          : url(../images/home/bg-content-bottom.png) no-repeat -6px 0px;
min-height          : 28px;
}

* html div.content-bottom
{
height              : 28px;
}

div.content div.trevor
{
background-repeat	: no-repeat;
background-position : bottom right;
overflow            : hidden;
width               : 640px;
}

div.content h2
{
background-repeat	: no-repeat;
background-position	: -8px -5px;
width               : 604px;
padding-top         : 42px;
height              : 0px;
overflow            : hidden;
margin              : 0px 0px 20px 0px;
}

div.content h2.error
{
background          : url(../images/home/404.png);
background-repeat	: no-repeat;
width               : 632px;
padding-top         : 64px;
height              : 0px;
overflow            : hidden;
margin              : 0px 0px 20px 0px;
clear               : both;
}

div.content h3
{
font-size           : 75%;
color               : #D11876;
line-height         : 16px;
font-weight         : bold;
margin              : 0px 0px 15px 0px;
width               : 320px;
}

div.content p
{
font-size           : 75%;
color               : #333;
line-height         : 15px;
font-weight         : normal;
margin              : 0px 0px 12px 0px;
width               : 420px;
}

div.content p a
{
color               : #333;
}

div.content p.large-pink-type
{
padding              : 20px 0px 20px 0px;
}

div.content p.my-new-hair
{
background          : url(../images/home/my-new-hair.png) no-repeat;
width               : 146px;
padding-top         : 28px;
overflow            : hidden;
display             : block;
height              : 0px;
}

div.content ul
{
padding             : 0px;
margin              : 0px 0px 0px 30px;
}

div.content ul li
{
font-size           : 75%;
color               : #333;
line-height         : 25px;
font-weight         : normal;
margin              : 0px 0px 0px 0px;
}

div.content ul li a
{
color               : #333;
}

/* Right Side */

div.rightside
{
display             : block;
float               : left;
width               : 246px;
padding             : 5px 0px 0px 0px;
}

div.rightside div.pink-box
{
background          : url(../images/home/bg-right-side-pink.png) no-repeat;
width               : 246px;
overflow            : hidden;
margin              : 0px 0px 15px 0px;
}

div.rightside div.pink-box div.image
{
display             : block;
float               : left;
width               : 121px;
}

div.rightside div.pink-box div.copy
{
display             : block;
float               : left;
width               : 115px;
padding             : 40px 5px 0px 5px;
}

div.rightside div.grey-box
{
background-repeat	: no-repeat;
width               : 246px;
overflow            : hidden;
padding             : 0px;
text-align          : center;
margin              : 0px 0px 15px 0px;
}