/* CSS Document for TENA Men 2010 Campaign Page*/

/* generic styles*/
div#men {
	background:#fff url(../images/internal/bg_men.jpg) 100% 0 no-repeat;
	line-height:1.35em;
	color:#134183;
}

#rightcol {
	background-color:#289de9;
	background-image:url(../images/internal/bg_h2.gif);
	background-position: top left;}/*For CSSSprites to work properly*/
	
#rightcolend 
{
    background-image:url(../images/internal/bg_rightcol.gif);
    background-position: top left;}/*For CSSSprites to work properly*/

div#men div.inner {
	background:url(../images/internal/bg_bottom.gif) 0 100% no-repeat;
	padding-bottom:10px;
}

div#men .button {float:left; margin:0;}
div#men .button:hover, div#men .button:active {background-color:#2a4290;}

a.mainbutton {
	display:block;
	width:116px;
	height:51px;
	background:url(../images/internal/button.gif) 0 0 no-repeat;
	color:#fff;
	font-weight:bold;
	padding:20px 30px 0 85px;
	float: left;
}

a:hover.mainbutton {text-decoration:none;}

a.smallbutton {
    display: block;
    float: left;
    height: 59px;
    width: 85px;
    padding: 12px 25px 0px 10px;
    margin-left: 2px;
    font-weight: bold;
    text-align: center;
    background: url("/Templates/Campaigns/TenaMen2010/images/internal/button_small.gif") no-repeat scroll 0pt 0pt transparent;
}

div#men #intro {
	background:url(../images/internal/bg_intro.gif) 0 0 no-repeat;
	width:353px;
	padding:25px 340px 0 25px;
}

div#men #intro p {font-size:1em;}

div#men h2 {
	font:bold 2em/1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#134183;
}

div#men h2 span {
	color:#289de9;
}

div#men h3, div#men h4 {color:#134183; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#men h3 {font-size:1.3em; line-height:1.4em; font-weight:bold; margin:0;}
div#men h4 {font-size:1.1em; margin:0 0 8px 0;}

div#men h5 {
	font:bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	color:#0f1c88;
}

div#men #info {
	width:698px;
	background:url(../images/internal/bg_boxTop.gif) 0 0 no-repeat;
	padding-top:8px;
	margin:0 10px;
}

div#men #info .inner {
	float:left;
	width:698px;
	background:#d1eafa url(../images/internal/bg_boxBot.gif) 100% 100% no-repeat;
	padding:12px 0 20px;
}

div#men #info div div {
	width:304px;	
	padding:7px 15px 0;
}

div#men #info div.floatLeft h3, div#men #info div.floatLeft ul li,
div#men #info div.floatLeft p {margin-bottom:20px;}

div#men #info div.floatLeft ul {margin-bottom:40px;}

div#men #info div.floatLeft ul li {
	display:list-item;
	background:url(../images/internal/bullet.gif) 0 5px no-repeat;
	padding-left:10px;
	margin-bottom:20px;
}

div#men #info div.floatRight {
	width:342px;
	padding:0 10px;
}

div#men #info div.floatRight h3 {
	padding-left:20px;
	margin-bottom:20px;
}

div#men #info div.floatRight h4,
div#men #info div.floatRight p {padding-left:8px;}

div#men #info div.floatRight p {margin:0;}

div#men #info div.floatRight ul li {
	float:left;
	width:137px;
	padding:0 12px;
}

div#men #info div.floatRight ul li p {
	padding:0 7px;
}

div#men #info div.floatRight ul {margin-bottom:15px;}

div#men #info div.floatRight,
div#men #info div.floatRight ul li.right {border-left:2px solid #b0d6ef; }

div#men #info div.floatRight ul li.right {width:154px;}

.button * {
	background-image:url(../images/internal/btn5.png); 
}

* html div#men #info div.floatRight ul {margin-bottom:0; display:inline;}
* html div#men #info .inner {float:none;}
* html div#men #info .inner .floatLeft {width:290px;}