/* CSS Document */

/* Generic styles */

html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {
	margin:0px;
	padding:0px;
	border:0px;
}

html {
	font-size:100%;
	height:100%;
}

body {
	background-color:#897854;
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-size:100%;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:16px;
}

a {
	color:#60A6B2;
	text-decoration:underline;
}

a:hover {
	color:#ffffff;
	text-decoration:none;
}

table {border:1px solid #796940; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
caption {background-color:#60A6B2; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px; text-align:left;}
th {background-color:#3a2d03; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; border-right:1px solid #151003; border-bottom:1px solid #151003; padding:5px;}
td {border-right:1px solid #151003; border-bottom:1px solid #151003; padding:5px; background-color:#695a31;}

/* Outer wrapper */

#outerWrapper {
	width:760px;
	margin:0px auto 0px auto;
	padding:0px 0px 20px 0px;
}

/* Header content */

#brandingHeader {
	background-image:url(../images/amg_logo.gif);
	background-repeat:no-repeat;
	background-position:0px 20px;
	width:760px;
	height:35px;
	text-align:right;
	margin:0px;
	padding:20px 0px 10px 0px;
	
}

#mainHeader {
	background-image:url(../images/bg_header.gif);
	background-repeat:repeat-x;
	width:760px;
	height:110px;
	margin:0px;
	padding:0px;
}

#brandingHeader h1 {
	display:none;
	margin:0px;
	padding:0px;
}

#navcontainer { 
	width: 135px;
	float:left;
	font-size:12px;
}

#navcontainer ul
{
margin-left: 0px;
padding-left: 0px;
font-family: Arial, Helvetica, sans-serif;
list-style:none;
}

#navcontainer li a
{
display: block;
padding: 4px 4px 3px 4px;
color:#ffffff;
width: 135px;
background-color:#151003;
text-decoration:none;
}


#navcontainer a:hover
{
background-color:#60A6B2;
color: #fff;
}

#navcontainer li a#selected
{
background-color:#35290F;
color:#ffffff;
}

#heroSection {
	float:left;
	background-image:url(../images/strapline.gif);
	background-repeat:no-repeat;
	background-position:20px 15px;
	width:400px;
	height:60px;
}

#tipNav {
	float:right;
	width:135px;
	margin:0px;
	padding:0px;
	background-image:url(../images/crew_logo.gif);
	background-repeat:no-repeat;
	background-position:0px 15px;
	padding:60px 0px 0px 0px;
}

DIV.groomingLink {height:23px; background-image:url(../images/tips_button.gif);	background-repeat:no-repeat; margin:0px; padding:4px 0px 0px 6px;}
DIV.hairButton {height:23px; background-image:url(../images/hair_button.gif); background-repeat:no-repeat; margin:0px; padding:4px 0px 0px 6px;}

#tipNav a{
	color:#ffffff;
	text-decoration:none;
	display:block;
}

#tipNav a:hover{
	color:#251B06;
	text-decoration:none;
}

/* Begin Main Content */

#mainContent  {
	width:760px;
	background-color:#151003;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

#mainContent p {
	font-size:12px;
}

#homeContent{
	position:relative;
	width:760px;
	height:390px;
	background-color:#151003;
	background-image:url(../images/home_image.jpg);
	background-repeat:no-repeat;
}

#homeContent span#miniBanner{
	position:absolute;
	bottom:-1px;
	right:-1px;
	display:block;
	width:151px;
	height:152px;
	background:url(../images/IMG-banner-menshealth.png) no-repeat center;
}

* html #homeContent span#miniBanner{
	background:url(../images/IMG-banner-menshealth.gif) no-repeat center;
}

#introText {
	text-decoration:none;
	width:257px;
	float:left;
	padding:20px 0px 0px 20px;
}

#introText h2{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#251B06;
	width:220px;
}

#introText a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#251B06;
	text-decoration:none;
	font-weight:bold;
}

#introText a:hover{
	color:#60A6B2;
	text-decoration:underline;
}


#leftColumn {
	text-decoration:none;
	width:265px;
	float:left;
	margin:30px 0px 0px 0px;
	padding-left:20px;
}


#leftColumn h2{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
}

#leftColumn img{
	margin:20px 0px 0px 0px;
}

#leftColumn a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#796940;
	text-decoration:none;
	font-weight:bold;
}

#leftColumn a:hover{
	color:#60A6B2;
	text-decoration:underline;
}

#rightColumn {
	text-decoration:none;
	font-weight:normal;
	width:420px;
	float:left;
	margin:65px 0px 0px 0px;
	padding:0px 0px 50px 20px;
	overflow:visible;
}

#hairColumnGallery {width:100%; text-decoration:none; float:left; margin:30px 0px 20px 0px; padding-left:20px; overflow:auto;}
#hairColumnGallery img {float:left; border:1px solid #8e7b51; margin:0px 20px 20px 0px;}
#hairColumnGallery h2 {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#ffffff; margin:0px 0px 20px 0px;}

#rightColumn h2{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#60A6B2;
}


#productsRight {
	height:350px;
	width:340px;
	float:left;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	overflow:visible;
}

#productsLeft {
	text-decoration:none;
	width:290px;
	float:left;
	margin:30px 0px 0px 0px;
	padding-left:20px;
}


#productsLeft h2{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
}


#servicesNav ul {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	line-height:18px;
	list-style:none;
}

#servicesNav li a {
	color:#ffffff;
	text-decoration:none;
}


#servicesNav a:hover {
	color:#60A6B2;
	text-decoration:underline;
}

#servicesNav li a#option {
	color:#796940;
	text-decoration:none;
}

/* Begin footer */

#footer {
	height:27px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
}

#sitebyLink {
	width:760px;
	height:15px;
	text-align:right;
	color:#151003;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#sitebyLink a {
	text-decoration:none;
	color:#151003;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


#sitebyLink a:hover {
	text-decoration:underline;
}