/* -------------------------------------------------------
   Color key
   -------------------------------------------------------
    #FF66CC: Pink as in logo picture
    #FF99CC: Light Pink
    #ff69b4: Pink as in back ground
    #5F9EA0: Light blue in content
    #663333: Brown in background

	#4165A5:
		Bluish purple
   		(such as for the borders between Tier 1 top-nav items)

 	#333:
 		Dark gray
 		(such as for the primary text color)

 	#00A6D6:
 		Light blue
 		(such as for the item-count in the header area)

 	#D1EFF8;
 		Very light blue
 		(such as the footer background)

  Themes: see wiki [[MothercareSiteRefresh#Colour_Scheme]]

*/

@charset "UTF-8";
#topbanner {
	margin: 5px;
	padding: 5px;
	width: 800px;
/*	height: 200px; */
	background-color: #FF66CC;
}
#leftmenu {
	width: 160px;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#leftmenu a {
	color: #FFFFFF;
	text-decoration: none;
}
#leftmenu a:hover {
	font-weight: bold;
}
#leftmenu a:active {
	background-color: #FF66CC;
}
#leftmenu ul {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
}
#leftmenu li {
	margin-bottom: 12px;
	margin-top: 8px;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#content {
	float: left;
	width: auto;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#footer {
	background-color: #ff66cc;
	clear: both;
}
#footer p {
	color: #FFFFFF;
	font-size: 9px;
	text-align: left;
	width:880px;
}
#footer a {
	color: #FFFFFF;
}
#wrapper {
	width: 1000px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/background-wrapper.gif);
	background-repeat: repeat;
}
p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #111111;
	line-height: 19px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#content ul {
	list-style-type: circle;
	text-indent: 20px;
	font-weight: normal;
}
#content li {
	margin-bottom: 12px;
	list-style-type: square;
	color: #333333;
}
#content a {
	color: #333333;
}
.floatright {
	float: right;
	margin-left: 15px;
	border: 1px solid #FFFF99;
}


#wrap_outer{width:960px; height:100%; margin:0 0 0 0; padding:0; border:0;}

#wrap_inner_top{width:100%; height:100%; margin:0; padding:0;border:0;}

#col1 {width:160px; margin:0; padding:0; float: left; overflow:hidden;}
				
#left_tag_wrap{width:160px; background-color:#C1C1C1; margin:3px 0 0; padding:1px 1px 5px;}
				
.left_tag{width:160px; margin: 0px 0 0 8px; padding: 3px 0 0 0;}

.register_tag{
	width:160px;
	margin: 0;
	padding:2px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	border: 0px solid #444444;
	float: left;
}

.register_tag h4{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF;font-weight: bold; margin: 0; padding: 2px 0 0 65px; letter-spacing: 0.03em;}

.register_tag p{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF;font-weight: 500; margin: 0; padding: 0 5px 0 65px; letter-spacing: 0.03em;}

#col2 {width:786px; margin:0 0 0 10px; padding:0; float: left; }

#main_banner{width:786px; margin: 0 0 0 0; padding:0;}

#wrap_inner_bottom{width:985px; height:100%; margin: 0; padding:0; float:left;}

#puffs_row	{width: 985px; height: 220px; border:0; margin: 10px 0 10px 0; padding:0; float: left;}

#puff1	{width: 220px; margin: 0; padding: 0 4px 0 0; float:left; 

display:inline;}

#puff2	{width: 600px; margin: 0; padding: 0 4px 0 0; float:left;}

#puff3	{width: 220px; margin: 0; padding: 0 4px 0 0; float:left;}

#puff4	{width: 220px; margin: 0; padding: 0; float:left;}

#puff_text {background:url(../images/pinkbar.gif) no-repeat; width:220px; height:37px; margin: 0; padding: 8px 0 0; letter-spacing: 0.03em;}

#puff_text a {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; font-weight: bold;letter-spacing: 0.03em; color:#ffffff; text-decoration:none; margin:0; padding:0 0 0 13px;}

#puff_img {width: 220px; height: 220px; border: 0; margin:0;overflow:hidden;}


/* -------------------------------------------------------
   TopMenuTab: KZOB Drop Down Menu
   -------------------------------------------------------
*/
.topmenutab{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.topmenutab ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.topmenutab li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.topmenutab a{
float:left;
color: white;
background: black url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.topmenutab a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.topmenutab a span{
float:none;
}

.topmenutab a:hover{
background-color: #591f20;
}

.topmenutab a:hover span{
background-color: #591f20;
}

.topmenutab .selected a, #topmenutab .selected a span{ /*currently selected tab*/
background-color: #591f20;
}

.topmenutabline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
	position:absolute;
	top: 245px;
	border: 1px solid black;
	border-top-width: 8px;
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	left: 226px;

}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #8a3c3d;
color: white;
}