/*
Title:      Oamaru Blue Penguins master screen styles
Author:     Johnny Lineham
Copyright:  2011, Cabbage Tree Creative Ltd. All rights resevered.
*/

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

* html .clearAfter{ zoom:1; } /* IE6 */
*:first-child+html .clearAfter{ zoom:1; } /* IE7 */
	
/* --- Common Classes ------------------------ */
.left { float:left; }
.right { float:right; }
.textright { text-align:right; }
.aligntop { vertical-align:top; }
a:link img, a:visited img{border:0px;}
a:link, a:visited{color:#6c8895; text-decoration:underline;}
a:hover{color:#022748;}
/* --- Accessibility ------------------------- */
.skipnav {
	display:none;
	}	
	
/*----------- layout - common ----------------- */	


	
body{
background-color:#efebdf;
background-image:url(../images/bg.jpg);
background-repeat:repeat;
background-position:left top;
border-top:2px solid #002e5f;
padding:0px;
margin:0px;
font-family:Arial,Verdana,Geneva,sans-serif;
font-size:11px;
color:#6c6c69;
}

.wrapper{
width:984px;
margin:0px auto;
padding:0px;
}	



img.alignleft{margin:0px 10px 10px 0px;}

/*----------- text styles ----------------- */
p{font-size:12px; line-height:18px; color:#231f20; font-family:'Muli', sans-serif;}
h1{font-size:31px; color:#231f20; font-family:'Muli', sans-serif; margin:0px; padding:0px 0px 20px 0px; font-weight:normal; background-image:url(/custom/templates/page/penguinsHome/images/heading-bg.jpg); background-repeat:repeat-x; background-position:bottom;}
h2{font-size:25px; font-family:'Muli', sans-serif; color:#002E5F; font-weight:normal; margin: 10px 0;}
h3{font-size:19px; font-family:'Muli', sans-serif; color:#231f20; font-weight:normal; margin: 10px 0;}
h4{font-size:16px; font-family:'Muli', sans-serif; color:#78939C; font-weight:normal; margin: 10px 0;}
h5{font-size:16px; font-family:'Muli', sans-serif; color:#002E5F; font-weight:normal; margin: 10px 0;}
h6{font-size:16px; font-family:'Muli', sans-serif; color:#231f20; font-weight:normal; margin: 10px 0;}

p strong{
font-weight:400;
} 
.heading-section p{
margin:12px 0px;
}

p span.runningTime{
background-image:url(../images/time-icon.jpg);
background-repeat:no-repeat;
background-position:left;
height:19px;
padding:10px 0px 0px 30px;
/*display:block;*/
}

/*----------- home page ----------------- */

#image{
background-image:url(../images/main-homepage.jpg);
background-position:top;
background-repeat:no-repeat;
height:750px;
width:984px;
position:relative;
top:70px;
}

#logo{
position:relative;
top:-64px;
left:21px;
}

#image-bot{
background-image:url(../images/img-bot.png);
background-position:top;
background-repeat:no-repeat;
position:relative;
top:71px;
height:42px;
display:block;
}
/*------Home page header section-------*/
#header.home{
z-index:999999;
}

#header.home #logo{
width:190px;
float:left;
z-index:99999;
top:10px;
}

#header.home #nav{
float:right;
width:782px;
margin:10px 0px 0px 0px;
}


/*----------- nav ----------------- */

#nav{
position:relative;
font-size:18px;
font-family:'Muli', sans-serif;
/*top:-259px;
left:391px;*/
}

#nav ul li{
display:inline;
float:left;
margin:0px 0px 0px 27px;
position:relative;
}

#nav ul li a:link.active, #nav ul li a:visited.active, #nav ul li.fmenulevel1.currentTab a:link, #nav ul li.fmenulevel1.currentTab a:visited{
color:#648e9b;
}

#nav ul li a:link, #nav ul li a:visited{
color:#002e5f;
text-decoration:none;
}

#nav ul li a:hover{
text-decoration:underline;
}


/*------------drop down---------------*/
#nav ul ul{
			position:absolute; 
			/*display:none;*/ 
			visibility:hidden;
			opacity:0;
			/*visibility:visible;
			opacity:1;*/
  			transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-webkit-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-moz-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-ms-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-o-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			 -webkit-box-shadow:  1px 2px 3px 1px #6A6863;
			box-shadow:  1px 2px 3px 1px #6A6863;
         	float:none; 
			clear:both;
			list-style:none; 
			top:0px;
			left:0px;
			z-index:99999 !important;
			margin:23px 0px 0px 0px;
			padding:0px 10px 10px 0px;
			width:230px;
			height:auto;
			background-color:#BDCCD4;
			font-size:15px;
			}
			
			#nav ul li:hover ul/*, #mainmenu ul li:over ul*/{
			/*display:block;*/
			visibility:visible;
			opacity:1;
  			transition-delay:0s;
			-webkit-transition-delay:0s;
			-moz-transition-delay:0s;
			-o-transition-delay:0s;
			z-index:99999 !important;
			/*margin:0px 0px 0px 0px;
			padding:10px 10px 10px 0px;*/
			}
			
					#nav ul li:active ul{
						display:block;
					}
			
			#nav ul li ul li{
			z-index:99999 !important;
			display:block;
			float:none;
			/*background-color:#66A338;*/
			background-image:none;
			height:auto;
			margin:0px;	
			padding:10px 15px 7px 15px;
			width:200px;
			}
				#nav ul li ul li:first-child{
				padding:20px 15px 7px 15px;
				}
				#nav ul li ul li:last-child{
				padding:10px 15px 20px 15px;
				}
			
			#nav ul ul a:link, #nav ul ul a:visited{
			/*color:#fff;*/
			z-index:99999 !important;
			display:block;
			text-decoration:none;
			background-image:url(/custom/templates/page/penguinsHome/images/foot.png);
			background-repeat:no-repeat;
			background-position:left;
			padding:0px 0px 5px 27px;
				}
			
			#nav ul ul a:hover{
			color:#648E9B;
			z-index:99999 !important;
			}
			
				#nav ul ul ul{
			position:absolute; 
			/*display:none;*/ 
			visibility:visible;
			opacity:1;
  			transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-webkit-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-moz-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-ms-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			-o-transition:visibility 0s ease-out 0.5s,opacity 0.5s ease-in;
			float:none; 
			clear:both;
			list-style:none; 
			top:0px;
			left:200px;
			z-index:99999 !important;
			margin:0px 15px 0px 0px;
			padding:0px 10px 10px 0px;
			width:160px;
			height:auto;
			background-color:#BDCCD4;
			background-image:url(/custom/templates/page/penguinsHome/images/menu-shadow.png);
			background-position:left;
			background-repeat:repeat-y;
			}
						#nav ul li ul li ul li{
							width:140px;				
							}
						
							#nav ul li ul li ul li a:link, #nav ul li ul li ul a:visited{
							padding:0px 0px 0px 0px;
							display:block;
							}
							
							#nav ul li ul li ul li a:link, #nav ul li ul li ul li a:visited{
							background-image:none;
							text-decoration:none;
							}
							
							#nav ul li ul li ul li a:hover{
								color:#648E9B;
							}
							
								#nav ul li ul li.menu_guidedtours a{
									background-image: url(/custom/templates/page/penguinsHome/images/menu-arrow.png);
									background-repeat:no-repeat;
									background-position:right center;
								}
								
									#nav ul li ul li.menu_guidedtours a:link ul li a{
										
									}

/*----------- end of nav ----------------- */
#map-link{
position:relative;
width:94px;
top:81px;
left:880px;
}

/*----------- image roll overs ----------------- */

#secondary-images{
position:absolute;
/*top:147px;*/
bottom:0px;
}

#thumb {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#thumb li.item1  {
float:left;
background-image: url(../images/adopt-over.png);
background-repeat: no-repeat;
background-position: center ;
font-family:'Muli', sans-serif;
height:202px;
}

	#thumb li.item2{
	float:left;
	background-image: url(../images/adopt-over2.png);
	background-repeat: no-repeat;
	background-position: center ;
	font-family:'Muli', sans-serif;
	height:202px;
	}
	
	#thumb li.item3  {
	float:left;
	background-image: url(../images/adopt-over3.png);
	background-repeat: no-repeat;
	background-position: center ;
	font-family:'Muli', sans-serif;
	height:202px;
	}


#thumb li a {
display: block;
width: 279px;
height:112px;
padding:88px 0px 0px 49px;
/*margin-top:86px;*/
font-family:'Muli', sans-serif;
font-weight:normal; 
font-size: 24px;
text-decoration: none;
color: #fff;
background-repeat: no-repeat;
background-position: center top;
}

	#thumb li a.one{
	background-image:url(../images/normal1.jpg);
	}
	
	#thumb li a.two{
	background-image:url(../images/normal2.jpg);
	}
	
	#thumb li a.three{
	background-image:url(../images/normal3.jpg);
	}


#thumb a:hover {
background:none;
}

#thumb li.item1 div {
background-repeat: no-repeat;
background-position: center top;
background-image: url(../images/normal1.jpg);
}

#thumb li.item2 div {
background-repeat: no-repeat;
background-position: center top;
background-image: url(../images/normal2.jpg);
}

#thumb li.item3 div {
background-repeat: no-repeat;
background-position: center top;
background-image: url(../images/normal3.jpg);
}


	
/*----------- footer ----------------- */	
	#footer{
	background-image:url(../images/line.jpg);
	background-position:top;
	background-repeat:repeat-x;
	/*margin:105px 0px 0px 0px;*/
	margin-bottom:25px;
	}
	
		#footer .wrapper{
			padding-top:10px;
		}
	
		.footerhome{
		margin-top:105px;
		}
	
	#penguin{
	margin:-32px auto 0px auto;
	padding:0px 0px 22px 0px;
	width:84px;
	height:35px;
	}
	
	#central-footer{
	margin:-12px auto 0px auto;
	width:271px;
	text-align:center;
	}
	
	#central-footer ul{
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
	#central-footer ul li{
	display:inline;
	list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px 12px 0px 0px;
	margin:0px 12px 0px 0px;
	border-right:1px solid #aaaeb0;
	}
	
		#central-footer ul li.no-border{
		padding:0px 0px;
		margin:0px;
		border:none;
		}
	
	#central-footer ul li a:link, #central-footer ul li a:visited{
	color:#5b5c5d;
	font-size:14px;
	text-decoration:none;
	}
	
	#central-footer ul li a:hover{
	text-decoration:underline;
	}
	
	#central-footer p{
	color:#998c77;
	font-size:12px;
	}
	
	#footer-right{
	float:right;
	margin:-98px 0px 0px 0px;
	text-align:right;
	/*position:relative;
	top:-95px;*/
	}
	
	#footer-right ul{
	margin:0px;
	padding:0px;
	}
	
	#footer-right ul li{
	list-style:none;
	display:inline;
	margin-left:6px;
	}
	
	/*Shopping Cart CSS */
#tableSearchResults {  width: 100%;  border-spacing:0; border-collapse:collapse; }
#tableSearchResults tr, .tr { background: url(/custom/templates/page/shared/images/forms/dotted.png) repeat-x bottom left;}
#tableSearchResults td{ padding: 20px 0; }
#tableSearchResults img { float: right; padding: 3px; background: #fff; -moz-box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; width: 100px; } #tableSearchResults th { line-height: 34px; display: none; }



/*Product Page*/
#storeframe {  margin-top: 20px;  } #storeframe td { background: none; vertical-align: middle;    }
#storeimage { float: right; }
#storeimage img { padding: 3px; background: #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; margin-bottom: 15px; margin-left: 20px; } 
.tabularData { width: 100%; padding: 10px 0 20px; margin-top: 20px; text-align: left; }
.tabularData caption { font-weight: bold; font-size: 18px;  background: url(/custom/templates/page/shared/images/forms/dotted.png) repeat-x bottom left; padding: 0 0 15px; }
.cartPurchase {  border-spacing: 20px; background: #e3dfd3; margin: 20px 0; width: 100%; vertical-align: top; } 
.cartTable p {  }

.cartQuanity  { color: #666; border: 1px solid #aba79e; background: #f9f9f9; line-height: 28px; height: 24px; border-radius: 4px; width: 30px;  text-align: center;  }
 .cartSubmit .addCart, #update, .formButton { margin: 15px 0; background-color: #bfb6a7; font-size: 15px; font-family: 'Muli', sans-serif; font-weight: 300; cursor: pointer; color: #fff !important; text-decoration: none !important; background-image: url(/custom/templates/page/penguinsHome/images/button-arrow.jpg); background-repeat: no-repeat; background-position: right; padding: 7px 40px 7px 12px; border: 1px solid #BDB4A5;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }  
.cartSubmit .addCart:hover, #update:hover {  }

/*View Cart */
form[name=updatecart]  {  margin-top: 20px;  }
form[name=updatecart] td{ padding: 5px 5px; line-height: 24px; }
form[name=updatecart] .altRowEven input, form[name=updatecart] .altRowOdd input  { color: #666;  border: 1px solid #aba79e; background: #f9f9f9; line-height: 28px; height: 24px; border-radius: 4px; width: 30px;  text-align: center; }
form[name=updatecart] .altRowEven { padding: 5px; }

form[name=login], form[name=PlaceOrder]  { margin-top: 20px; } form[name=login] td, form[name=PlaceOrder] td { padding: 10px; }
form[name=PlaceOrder] select { width: 160px; height: 30px;}
form[name=login] { background: #eae6da; border: 1px solid #e3dfd3;  width: 100%; padding: 15px 10px 10px; }
 
input[name=ShipSame] { float: left; margin-right: 10px; }
input[value="Log In"] { margin-bottom: 0; }
.errorMessage { color: red; }
.shopProfile { margin-top: 20px; }
.shopProfile input[type=text], .shopProfile input[type=password],  .shopProfile select { float: left; display: block; padding: 5px; border: 1px solid #BDB4A5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.shopProfile input[type=text]:focus, .shopProfile input[type=password]:focus { background: #e0d9c6; }
.shopLogin { width: 290px; margin-right: 40px; }
.options { font-size: 13px; list-style: disc;}
.billingInfo { background: #eae6da; padding: 0 20px 20px; border: 1px solid #e3dfd3;  }