*{ margin: 0; padding: 0; }

body{
background: #fff;
padding: 5px 0;
margin: 10px 0;
text-align: center;
}

#page{
width: 760px;
margin: 0 auto;
text-align: left;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 12px;
}

#logo{
float: left;
background: url(/img/colgate_logo.gif) no-repeat 0 10px;
}

#logo h1 a{display: block; text-indent: -9999px; height: 110px; width: 450px;}

#tagline h2{
margin: 0 0 20px 25px;
padding: 0;
text-align: left;
font-size: 21px;
font-weight: normal;
}

#search{
text-align: right;
margin: 0 5px 0 0;
padding: 95px 0 0 0;
}

#search form{
margin: 5px;
padding: 0;
}

#search form input{
margin: 5px;
padding: 5px;
border: 1px solid #000;
}

#nav{
clear: both;
margin: 0;
padding: 0;
z-index: 999;
}

ul#nav, ul#nav ul{
list-style: none;
margin-right: auto;
padding: 0;
width: 0;
}

ul#nav{
position: relative;
width: 760px;
margin: 0;
margin-left: 0;
}

#nav a{
color: #000;
text-decoration: none;
display: block;
}

#nav li li a{
padding: 0.2em 5px 0.2em 10px;
}

#nav li a:hover{
color: #00f;
text-decoration: underline;
}

ul#nav li{
height: 23px;
width: 121px;
border: 2px solid #fff;
}

ul#nav li.twoLine{height: 36px;}

ul#nav li{
padding-top: 5px;
text-align: center;
text-transform: uppercase;
}

li.tab, li.blankTab{
float: left;
position: relative;
width: 10em;
text-align: center;
}

ul#nav li ul{
display :none;
font-weight: normal;
left: 0;
margin-left: 0;
padding: 0em 0pt 1em;
position: absolute;
top: 100%;
}

ul#nav li > ul{
left: auto;
top: auto;
}

ul#nav li li{
text-align: left;
background-color: transparent;
border: 0;
display: block;
float: none;
text-transform: none;
}

ul#nav li:hover ul, ul#nav li.over ul{display: block;}

ul#nav li.tab, ul#nav li.tab ul, ul#nav li.tab ul li{background-color: #b6d4f2;}
ul#nav li.tab{background: #b6d4f2 url(/img/tab.gif) 0 0 no-repeat;}

#menu{
text-align: left;
margin-left: 0px;
margin-right: 0px;
}

#text_page{
margin: 10px 5px;
padding: 10px 0;
}

#text_page h2{
margin: 5px 0 0 0;
padding: 0;
font-size: 20px;
}

#text_page h3{
margin: 0;
padding: 0;
font-size: 18px;
font-style: italic; 
}

#text_page p{
margin: 5px;
padding: 5px;
}

#text_page ul, #text_page ol{
margin: 5px 0 5px 20px;
padding: 5px 0 5px 20px;
}

#text_page form{
margin: 5px;
padding: 0;
}

#text_page form input{
margin: 5px;
padding: 5px;
border: 1px solid #000;
}

#content{
clear: both;
width: 750px;
}

#features{
float: right;
width: 280px;
margin: 0;
padding: 0;
}

div.feature{
margin: 5px 0;
padding: 0;
height: 80px;
background: #c6e4a5 url(/img/feat_bot.gif) 0 bottom no-repeat;
text-align: left;
}

div.feature h3{
margin: 0;
padding: 5px 0 0 10px;
color: #000;
font-size: 18px;
font-weight: normal;
background: #c6e4a5 url(/img/feat_top.gif) 0 top no-repeat;
}

div.feature h3 a{
color: #000;
font-size: 18px;
font-weight: normal;
text-decoration: none;
}

div.feature p{
margin: 5px 5px 5px 20px;
padding: 0;
}

p.learn a{
display: block;
width: 250px;
margin: -8px 0 0 0;
padding: 0;
text-align: right;
}

div.feature form{
margin: 5px;
padding: 0;
}

div.feature form input{
margin: 5px;
padding: 5px;
border: 1px solid #000;
}

#babies{
background: transparent url(/photo/babies.gif) 0 bottom no-repeat;
margin: 0 280px 0 0;
width: 460px;
height: 340px;
}

#babies h2{
margin: 0 30px;
padding: 10px 0;
text-align: left;
font-size: 27px;
font-weight: normal;
}

#subnav{
float: left;
width: 200px;
margin: 0;
padding: 0;
}

div.product{
margin: 5px 0 5px 0;
padding: 0;
height: 45px;
background: #c6e4a5 url(/img/prod_bot.gif) 0 bottom no-repeat;
text-align: center;
}

div.product h3{
margin: 0;
padding: 7px 0 0 0;
color: #000;
font-size: 20px;
font-weight: normal;
background: #c6e4a5 url(/img/prod_top.gif) 0 top no-repeat;
}

div.product h3 a{
color: #000;
font-size: 20px;
font-weight: normal;
text-decoration: none;
}

#subnav li{
list-style: none;
margin: 0 0 0 5px;
padding: 2px;
}

#subnav li.category{font-weight: bold;}

div.store{
margin: 5px 0 5px 0;
padding: 0;
height: 75px;
background: #c6e4a5 url(/img/prod_bot.gif) 0 bottom no-repeat;
text-align: left;
}

div.store h3{
margin: 0;
padding: 7px 0 0 5px;
color: #000;
font-size: 20px;
font-weight: normal;
background: #c6e4a5 url(/img/prod_top.gif) 0 top no-repeat;
}

div.store h3 a{
color: #000;
font-size: 20px;
font-weight: normal;
text-decoration: none;
}

div.store p{
margin: 1px 1px 1px 2px;
padding: 0;
}

div.store form{
margin: 2px;
padding: 0;
}

div.store form input{
margin: 2px;
padding: 2px;
border: 1px solid #000;
}

#main{
margin: 0 0 0 220px;
width: 520px;
}

#crumbs{
margin: 0;
padding: 10px 0;
}

#item{
float: left;
width: 270px;
}

#item p{
margin: 0;
padding: 0 10px;
}

#item li{
list-style: none;
margin: 0;
padding: 0 10px;
}

#item h2{
margin: 10px 0;
padding: 0;
}

#item h3{
margin: 10px 0 0 0;
padding: 0;
font-style: italic;
}

#item h4{
margin: 10px 0 0 0;
padding: 0;
}

.pic{
list-style: none;
margin: 0;
padding: 0;
}

.pic li{
margin: 0;
padding: 0;
float: left;
position: relative;
width: 228px;
height: 338px;
}

.pic img{
border: none;
margin: 0;
padding: 0;
}

.pic em{
width: 228px;
height: 338px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(/img/photo_bg.gif) no-repeat;
text-align: center;
padding-top: 350px;
}

#picture{
margin: 380px 0 0 0;
padding: 0;
width: 515px;
height: 140px;
background: transparent url(/photo/babies_product.jpg) 0 0 no-repeat;
}

#footer{
text-align: center;
clear: both;
margin: 20px 0;
}

ul#footernav{
list-style: none;
}

ul#footernav li{
margin: 0 5px 0 0;
padding: 0 5px 0 0;
display: inline;
border-right: 1px solid #000;
letter-spacing: 2px;
}

ul#footernav li.last{
border: none;
}
