/*
Theme Name: Sids and Kids
Theme URI: http://www.sidsandkids.org/
Description: WordPress theme for Sids and Kids
Version: 1.0
Author: Bizar Software
Author URI: http://www.bizarsoftware.com.au/
*/

body {
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #444444; 
	text-decoration: none; 
	padding: 0;
	margin: 0;
}

form {
margin: 0;
padding: 0;
} 

P {
	margin-left: 15PX;
	margin-bottom: 15px;
	line-height: 1.6em;
	
}

a {
	color:#ff0017;
	text-decoration:none
}

a:hover {
	color: #000; 
	text-decoration:underline;
}

img {
	padding:0;
	margin:0;
	border:0
}

.wrapper {
	position: relative;
	width: 964px;
	margin: 0 auto;
}

h1 {
	font-size: 22px;
	color:#000;
	font-weight:normal;
	font-family: Verdana;
	padding-top: 5px;
	padding-bottom: 18px;
	margin: 0px;
	background-image: url('template_images/main-heading.jpg');
	background-position:bottom left;
	background-repeat:no-repeat;
	text-transform: uppercase;
}

h2 {
	font-size: 15px;
	color:#000;
	font-weight:normal;
	font-family: Verdana;
	padding-top: 5px;
	margin: 0px;
	text-transform:uppercase;
}

h3 {
	font-size: 15px;
	color:#000;
	font-weight:normal;
	font-family: Verdana;
	padding-top: 5px;
	padding-bottom: 18px;
	margin: 0px;
	background-image:url('template_images/h2-image.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
	text-transform:uppercase;
}

/* Research page titles */
body.page-id-20 h3 {	
	padding:4px;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	color: #FF0017;
	background-color:#ccc;
}

	
select, option {
	font: 11px Verdana; 
	background:#E9E9E9;
}

input, textarea, password, file {
	font-family: Verdana, Arial;
	font-size: 11px; 
	font-size:10px; 
	border:1px solid #747560; 
	background:#E9E9E9; 
	padding:2px
}

input[type="checkbox"] {
	border:none; 
	background:none;
}


/* IMAGES */
.image-left {
	padding: 7px;
	border: 1px solid #C8C8C8;
	margin: 5px;
	float:left;
}

.image-right {
	padding: 7px;
	border: 1px solid #C8C8C8;
	margin: 5px;
	float:right;
}

.image-center {
	padding: 7px;
	border: 1px solid #C8C8C8;
	margin: 5px;
}

/* SEARCH */

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

#s {
	border: 1px solid #d6d6d6;
	background-color: #ECECEC;
	color: #999;
	
}

#searchsubmit {
	background-image:url('template_images/search-bg.png');
	width: 50px;
	height: 18px;
	color: #fff;
	border: 0;
	cursor: pointer;
	padding: 0px;
}

#searchsubmit:hover {
	background-color: #FF0017
}

/* MENUS */

ul.menu {
	padding: 0;
	margin: 0;
	list-style:none;
	display: block;
}

ul.menu li {
	float: left;
}

ul#header-links {

	float: right;
	
	color: #666; 
	font-size: 12px;
	height: 14px;
	margin-bottom: 10px;
}

ul#header-links li a { 
	padding: 2px 6px 2px 6px;
	border-bottom: 2px solid #FFF; 
	color: #666;
	text-decoration: none; 
}

ul#header-links li a:hover { 
	border-bottom: 2px solid #F74545;
}

ul#header-nav {
	width: 962px;
	display: block;
	height: 34px;
	margin: 4px 0 2px 0px;
	float:left;
	clear:left;
}

ul#header-nav li {
	height: 34px;
	background-color: #F60000;
}

ul#header-nav li.grey {
	background-color: #BABABA;
}

ul#header-nav li a {
	color: #fff;
	display: block;
	height: 34px;
	padding: 0;
	margin: 0;
	background: no-repeat 0 0;
	margin-right: 2px;
}

ul#header-nav li a#shop {
	margin: 0px;
}

ul#header-nav li a:hover {
	background-position: 0 -34px;
}

ul#header-nav li a span {
	display: none;
}

ul#header-nav li a#safe-sleeping {
	width: 189px;
	background-image: url('template_images/menu-safe-sleeping.gif');
}

ul#header-nav li a#bereavement-support {
	width: 213px;
	background-image: url('template_images/menu-bereavement-support.gif');
}

ul#header-nav li a#research {
	width: 140px;
	background-image: url('template_images/menu-research.gif');
}

ul#header-nav li a#offices {
	width: 203px;
	background-image: url('template_images/menu-offices.gif');
}

ul#header-nav li a#donate {
	width: 90px;
	background-image: url('template_images/menu-donate.gif');
}

ul#header-nav li a#shop {
	width: 117px;
	background-image: url('template_images/menu-shop.gif');
}

#page {
	clear: both;
	float: none;
	width: 962px;
	/* border: 1px solid #ccc; */
	margin-top: 3px;
}

#banner {
	clear: both;
	float: none;
	background: url('template_images/header-banner.jpg') no-repeat;
	width: 962px;
	height: 167px;
	display: block;
}

#content {
	padding-top: 10px;

	padding-bottom: 10px;
}

.header {

}

.logo-cont {
	float:left;
	width: 227px;
	height: 103px;	
}

.search-cont {
	float:right;
	margin-top: 32px;
	clear:right;
}
.search-cont img{
	align:right;
}


.navi {
	float:right;
	width: 600px;
	height: 10px;
	margin-top: 52px;
	margin-bottom: 10px;
	clear:right;
}

.main-menu {
	clear:left;
}

/* HOMEPAGE */

div.homepage-container
{
	
}

div.homepage-left-col
{
	width:240px;
	float:left;
	margin-right: 10px;
}

div.homepage-left-col .wid-box
{
	margin-bottom: 10px;
}

div.homepage-left-col .follow-us
{	
	background: url('template_images/follow-us.png') no-repeat;
	width: 130px;
	padding-left: 110px;
	height: 51px;
	margin-bottom: 10px;
}

div.homepage-left-col .follow-us .social-box
{	
	margin-top: 8px;
	float:left;
	width: 35px;
	height: 35px;

	margin-right: 8px;
}

div.homepage-left-col .follow-us .social-box-1
{	
	margin-top: 8px;
	float:left;
	width: 35px;
	height: 35px;

}

div.homepage-left-col .language-select
{	
	background: url('template_images/language-select.png') no-repeat;
	width: 240px;
	height: 37px;
	margin-bottom: 10px;
}

div.homepage-left-col .newsletter-subscription
{
	background: url('template_images/newsletter-subscription.png') no-repeat;
	padding: 10px;
	width: 220px;
	height: 68px;
	margin-bottom: 11px;
	padding-top: 50px;
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

div.homepage-left-col .newsletter-subscription input
{
	background-color:#FFF;
	float:left;
	margin-top: 10px;

}

.input-image {
	margin-left: 2px;
	padding: 0px;
	width: 76px;
	height: 20px;
	border: 0px;
	float:right;
	
}

div.homepage-left-col .newsletter-subscription button
{
	background: url('template_images/submit-btn.png') no-repeat;
	width: 76px;
	height:20px;
	margin-top: 10px;
	padding: 0px;
	border: none;
}

div.homepage-centre-col
{
	width:712px;
	float:left;

}

div.homepage-left {
	width: 349px;
	margin-right: 10px;
	float: left;
}

div.homepage-middle {
	width: 100%;
/*	margin-right: 10px; */
	float: left;
}

div.homepage-right {
	float: left;
	width: 349px;
}

div.homepage-post {
	padding: 10px;
	background-color: #ccc;
}

div.homepage-box {
	border: 1px solid #d6d6d6;
	padding-right: 15px;
	padding-top: 15px;
/* 	padding: 5px 15px;
	margin-bottom: 20px; */
}

div#local-offices {
	margin-top: 20px;
	position: relative;
}

img#local-offices-kids {
	position: absolute;
	top: -6px;
	right: 0;
}

ul.local-offices {
	background-color: #ECECEC;
	padding: 20px 0 15px 25px;
	height: 150px;
	margin: 0;
	list-style: square;
	border: solid thin #CECECE;
}


.video-cont {
	background-color: #FFFFFF;
	padding: 10px 0 9px 25px;
	margin: 0;
	list-style: square;
	border: solid thin #CECECE;
}

ul.local-offices li {
	color: #C81818;
	float: left;
	width: 130px;
	margin: 5px;
	margin-bottom: 10px;
	
}

ul.local-offices li a {
	color: #656565;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	
}

ul.local-offices li a:hover {
	background-color: #ccc;
	text-decoration: none;
}

body.home h2 {
	font-weight: normal;
	font-size: 18px;
	width: 220px;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	font-family:Verdana, Geneva, sans-serif;	
	display: block;
	margin: 0px;
	padding: 0px;
}

.home-headings {
	background: url('template_images/h2-bg.png');
	height:auto;
	margin: 0;
	padding: 11px 20px;
}

.entry {
border:1px solid #D6D6D6;
padding:20px;	
}

.entry p {
	margin-left: 0px;
}

.entry h2 {
	font-size: 15px;
	color:#000;
	font-weight:normal;
	font-family: Verdana;
	padding-top: 5px;
	padding-bottom: 18px;
	margin: 0px;
	background-image:url('template_images/h2-image.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
	text-transform:uppercase;
}

.entry img {
	border:1px solid #D6D6D6;
	background-color:#FFF;
	padding: 10px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 15px;
	
}

.home-headings h2 { 
font-family:Verdana,Geneva,sans-serif;
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
text-transform:uppercase;
width:250px;
}

local-offices-heading {
	background: url('template_images/heading-local-offices.png') no-repeat;
	width: 460px;
	height: 81px;
	display: block;
	margin: 15px 0 0 0;
	padding: 0;
}

h2.local-offices {
	background: url('template_images/heading-local-offices.png') no-repeat;
	width: 460px;
	height: 81px;
	display: block;
	margin: 15px 0 0 0;
	padding: 0;
}

h2 span {
	display: none;
}

#footer {
	margin-top: 7px;
	border-top: 4px solid #ccc;
	padding: 5px 0 40px 0;
}

ul#footer-links {
	width: 440px;
	color: #666; 
	font-size: 12px;
	height: 14px;
	margin: 0 auto;

}

ul#footer-links li { 
	margin: 0 2px;
}

ul#footer-links li a { 
	padding: 2px 6px 2px 6px;
	border-bottom: 2px solid #FFF; 
	color: #666;
	text-decoration: none; 
}

ul#footer-links li a:hover { 
	border-bottom: 2px solid #F74545;
}






/*----------------------------- Buttons ------------------------------ */


.button {margin:0px 8px 0px 0px; padding:2px 6px 2px 6px; font:normal 11px Verdana, Arial; color:#3C3C3C; text-decoration:none;  color:#FFF; text-decoration:none; background:#000; border:2px solid #B3B2B2; cursor:pointer;  display:block; float:left; clear:none }

/* display, float and clear are needed to render buttons correctly in IE 6 */


.button:hover { color:#000; text-decoration:none; background:#E0E0D4; color:#000; text-decoration:none}

input { 
	padding: expression(this.type=="submit"?'0px':'');
}

form submit {width:1%; overflow:visible;}

/* this is for Gecko based broswers to change background of all <input type="submit"> tags */

input[type="submit"] {
	padding: 2px 2px; 
} 



/*----------------------------------------- Left Hand Menu No-Popup ---------------------------------------*/


#menuLeft ul {font: normal 12px Tahoma, Arial;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	}
	
#menuLeft ul li a {

	display: block;
	width:225px;
	text-decoration: none;
	color: #222;
	
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #333;}

/* Fix IE. Hide from IE Mac \*/
/** html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }*/
/* End */


#menuLeft ul li a:hover { color: #222; background:#CCC  } 

#menuLeft ul li ul {display: none;}

#menuLeft ul li.highlight ul {display: block;}

#menuLeft .highlight a { color: #FFF; font-size: 12px;}


/* Hover Styles */
		
#menuLeft li ul li a {
	padding: 1px 3px;
} /* Sub Menu Styles */
		
#menuLeft li:hover ul, li.over ul { display: none; } /* The magic */


#menuLeft .sub a {
	background:none;
	color:#000; 
	width: 143px;
	padding:2px 4px 2px 10px;
	font-weight: normal;
	border-top-style: none;
	
}
		
/* .highlight  li ul { display: block; }  The magic */ 




#menuLeft .sub a:hover { background: #FFF;  color:#000; }
	
.highlight A {TEXT-DECORATION: none; background: #999; color:#000}

.selected {text-decoration:none; color: #333 }



.shop_text div {font:bold 14px Verdana, Arial; padding-bottom:5px }

.cart {font: 12px Arial ; border:1px solid #333; width:98%; background:#F7F7F7}

.cart th {text-align:left; background:#333 ; color:#FFF }

.cart a {margin-right:0px; float:right}

.lineitem {border-bottom: 1px dotted #CCC}

.checkouthead {font-size: 16px; color:#D51E1E; padding:20px 0px }

.cat_head { } /*Category name and description*/

/* Portrait Thumbails */

#thumbnail { width:128px; height:195px; float: left; clear: none; margin:0px 5px 0px 5px;  text-align:center; border-left:2px solid #E0E0D4; border-right:2px solid #E0E0D4; background:url(file:///Macintosh%20HD/Users/mike/Dropbox/websites/thumbnailShadow.gif) repeat-x bottom; }

#thumbnail p {margin: 0px 0px 0px 35px; text-align:center} 

#thumbnail h3 {font:normal 11px Verdana, arial;text-align:center; padding:2px 0; margin:0;}

#thumbnail span {font:normal 11px Verdana, arial ;text-align:center}

#thumbnail div{text-align:center}

#thumbnail .thumbImage {
	height:82px;
}

#thumbnail .thumbInfo { 
	clear:both;
}


/* Landscape Thumbnails */
/*#specialsWrap{ background-color:#E0E0D4; min-height:100%; overflow:auto; padding-left:13px; padding-bottom:15px; clear:both;}
* html #specialsWrap {height:100%; clear:both;}*/
#thumbnailSide { width:270px; height:135px; float: left; clear: none; margin:5px 10px 10px 0px; padding-top:6px; padding-right:5px; text-align:right; background-color:#FFF;}

#thumbnailSide p .button {margin: 0; float:right;} 

#thumbnailSide h3 {font:normal 12px Verdana, arial ; text-align:right;  }

#thumbnailSide span {font:normal 11px Verdana, arial ; text-align:right; }

#thumbnailSide div { text-align:right;}

#thumbnailSide .thumbImage {
	float:left;
	height:100px;
	width:100px;
	margin:10px;
}

#thumbnailSide .thumbInfo { 
	float:right;
}





/*----------------------------- Essential Bizar Shop Styles ------------------------------ */

.intro {color:#FF0017; font-size:18px }

.heading { font-size: 16px; color:#000}

.mainContent { padding:0px 14px 14px 14px;		
}

.subheading {font: normal 14px Verdana, Arial }	

.errorMessage {font-weight: bold; color: #FFF; background-color: #FF0017; padding:4px}

.okMessage {font-weight: bold; padding: 4px; background-color:#CCC;}

.form-label {font-weight: bold; color: #CC0000}

.form-title {font-weight: bold; color: #CC0000}	

.normalbold {font-weight: bold }

.tablehead { font-size: 14px; text-decoration: none; color:#FF0017}



/*----------------------------- Product Page ------------------------------ */

.product_image {padding:10px 10px 10px 10px }

.product_image A {text-decoration:none; color: #333;}

.product {padding:10px 10px 10px 10px }

.price {font: bold; padding:10px 0px 0px 0px }

.related_prods {margin: 0px 0px 10px 0px; padding:3px; width:120px }




.nav2{padding:4px;
	font-family: Tahoma, Arial;
	font-size: 13px;
	text-decoration:none;
	color:#FFF;}
.nav2:visited {
	font-family: Tahoma, Arial;
	font-size: 13px;
	text-decoration:none;
	color: #FFF;
}
.nav2:hover {
	text-decoration:none;
	color: #FF0017;
}

#localOffices {background:#ECECEC; padding:14px 14px 14px 11px}

#localOffices  td {padding:3px 0 3px 0}

#localOffices img {padding-right:7px }

#localOffices a {color:#222; text-decoration:none; display:block; width:140px; padding:2px }

#localOffices a:hover {background:#D6D6D6 }


.highlightBox, .informationBox { border:1px solid #CFCFCF; background-color:#EDEDED; padding:14px; color:#EE333E; font-weight:bold; margin:0 4px 14px 0 }

.highlightBox a, .informationBox a { color:#EE333E; text-decoration:underline }

.highlightBox H1 {font-size:24px; font-weight:bold; margin:0; padding:0; color:#EE333E; padding-bottom: 0px; background-image:none; text-transform: none;}

.informationBox { background:url(../css/exclamation.png) left center no-repeat #EDEDED; padding-left:38px}

.threeAccrossBox, .safeSleeping {border:1px solid #CFCFCF; padding:14px; width:270px; float:left; clear:none;  margin:0 14px 14px 0 }

.threeAccrossBox h2, .safeSleeping h2 {font-size:16px; margin:0; padding:0 }

.threeAccrossBox a {color:#EE333E; text-decoration:underline; font-weight:bold  }

.safeSleeping {height:200px; text-align:center }

.safeSleeping a h2 {margin:0 0 6px 0; padding:0; color:#000}

.last {margin:0 0 14px 0 }

.clear {
	clear: both;
	float: none;
	height: 1px;
}

.alignleft {
	float: left;
}

.aligncenter {
	margin: 0 auto;
}

.alignright {
	float: right;
}

small {
	color: #666;
}

.sidebar-menu {
	margin-bottom: 10px;
	
}

.sidebar-menu .menu-box {
	border-left: 1px solid #A1A1A1; border-right: 1px solid #A1A1A1; border-top: 1px solid #A1A1A1; margin-top:5px; margin-bottom: 0px; 
}


.sidebar-menu .menu-title{
	background-color:#A1A1A1;
	padding: 10px;
	padding-left: 20PX;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-transform: uppercase;
}

.sidebar-menu .menu-title a{
	color:#FFF;
	text-decoration:none;
}

.sidebar-menu li {
	border-bottom:1px solid  #A1A1A1;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 35px;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;

	clear:both;
	width: 203px;
}

.sidebar-menu li.active {
	list-style-type: disc;
}

.sidebar-menu a {
	color:#747474;
}



/* ICONS */

.pdfFiles {
background:url(http://111.223.226.6/~sids/wp-content/themes/sidsandkids/../images/template_images/pdf-icon.gif) left no-repeat; padding:2px 0 2px 30px;  }


a.pdfFiles {  display:block;   }