/*  
Theme Name: PURINA Bark in the Park 10
Theme URI: http://www.ogilvy.co.nz
Description: Custom theme for PURINA Bark in the Park 10 websites developed by staff at OgilvyInteractive Auckland
Version: 1.0
Author: OgilvyInteractive New Zealand
*/

/* Eric Meyer's Reset Reloaded: because all browsers are not created equal :) */
@import url('reset.css');



/* start of Default Universal Styles */


body {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	margin:0;
	padding:0;
	font-size:68.75%; /* this makes 1em = 11px */
	line-height: 1.35em;
	background: url(../images/bg-gradient.jpg) repeat-x 0 0;
}

p{
	padding: 0;
	font-size: 1em;
	margin: 0 0 19px 0;
}

h1{
	padding: 0;
	margin: 40px 0 25px 23px;
	color: #231f20;
	font-size: 4.7em;
	text-transform: uppercase;
	text-indent: -12000px;
}

.searchH{
	width: 342px;
	height: 59px;
	background: url(../images/txt-searchH.gif) no-repeat 0 0;	
}

h2{
	font-size: 1.1em;
	padding: 0;
	margin: 0 0 0 0;
	font-weight: bold;
}

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

a:hover{
	text-decoration: underline;
}


/* end of Default Universal Styles */

/* start of Layout Styles */

#pageContainer{
	width: 820px;
	margin: 0 auto;
}

#header{
	width: 755px;
	height: 103px;
	padding: 0 20px 0 45px;
}

#benefulLogo{
	float: left;
	width: 148px;
	height: 60px;
	margin: 24px 0 0 0;
}

#bitpLogo{
	float: right;
	width: 144px;
	height: 68px;
	margin: 16px 0 0 0;
}

#mainContainerMiddle{
	position: relative;
	width: 746px;
	height: 496px;
	background: url(../images/bg-main.jpg) no-repeat 0 0;
	padding: 44px 35px 0 39px;
}

#carrot{
	position: absolute;
	width: 189px;
	height: 122px;
	top: 1px;
	left: -11px;
}

#rice{
	position: absolute;
	width: 143px;
	height: 94px;
	top: -50px;
	left: 409px;
}

#corn{
	position: absolute;
	width: 65px;
	height: 94px;
	top: 94px;
	right: -30px;
}

#textPanel{
	float: left;
	width: 220px;
	margin: 282px 95px 0 0;
}

#mainPanel{
	float: left;
	width: 405px;
	height: 447px;
	background: url(../images/bg-contentPanel.jpg) no-repeat 0 0;
	padding: 10px 12px 10px 14px;
}

#mainPanel p{
	padding: 0 23px 0 23px;	
}

#slideOutter{
	min-height:196px;
  	height:auto !important;
 	 height:196px;
}

#slideOutterEmail{
	min-height:196px;
  	height:auto !important;
 	 height:196px;
}
#slideInnerEmail{
	margin: 0 0 10px 0;	
}


#slideInner{
	margin: 0 0 10px 0;	
}

#searchHolder{
	position: relative;
	width: 378px;
	height: 36px;
	background: url(../images/bg-search.jpg) no-repeat 0 0;
	padding: 12px 15px 12px 17px;
}

.searchField{
	float: left;
	border: none;
	width: 240px;
	height: 21px;
	background: url(../images/bg-searchField.gif) no-repeat 0 0;
	margin: 0 10px 0 0;
	padding: 8px 0 7px 0;
	text-align: center;
	font-size: 1.5em;
	color: #626263;
	font-weight: lighter;
}

.searchBtn{
	float: left;
	border: 0;
	width: 123px;
	height: 40px;
	background: url(../images/btn-search.jpg) no-repeat 0 0;
	cursor: pointer;
}

#footer{
	width: 748px;
	height: 37px;
	background: #231f20;
	margin: 0 0 0 20px;
	padding: 20px 32px 0 0;
}

#footerBottom{
	margin: 0 0 0 20px;
}

#divError{
  position: absolute;
  display: block;
  width: auto;
  top: -35px;
  left: 250px;
}

#errorInner{
  font-size: 12px;
  color: #111;
  background: red;
  background: rgba(255, 0, 0, 0.6);
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  list-style: none;
  line-height: 16px;
}

#divError span.bottomBit {
  display: block;
  width: 0; 
  height: 0; 
  border-left: 0 solid transparent; 
  border-right: 15px solid transparent;
  border-top: 10px solid red;
  border-top: 10px solid rgba(255, 0, 0, 0.6);
  border-bottom: 0;
  margin-left: 10px;
}

#shareHolder a{
	float: left;	
}



.errorColor{
	color: #000;	
}

#imgHolder{
	width: 405px;
	height: 308px;
	background: #000;
	text-align: center;
}

.bottomBtn{
	float: left;	
}

/* end of Layout Styles */