/*	-------------------------------------------------------------
	PetPac 
	
	Description:		Base styles such as typography and major layout.
	Filename:			base.css
	Version:			1.0
	Date:			October 03 2006 
	Author:			Daniel Eberhardt
	
	-------------------------------------------------------------	*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

html{
	margin: 0 0 2px 0;
	}

/* TYPOGRAPHY */

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:77%;}
body * {line-height:1.22em;}

body {
	background: #0CA4F0  url(_img/bg_page_left.gif) repeat-y 0 0;
	text-align: left;
	font-family:"Lucida Grande", Helvetica, Verdana, arial, sans-serif;
	color: #606060;
	margin: 0;
	padding: 0;
	}

/* LINKS */
a,
a:link,
a:visited {
	color: #CA6C38;
	text-decoration: none;
	text-decoration: underline;
	}
a:hover,
a:active {
  	color: #0CA4F0;
	text-decoration: none;
	}

/* Classed, special links */
	a.moreInfo-link,
	a.moreInfo-link:link,
	a.moreInfo-link:visited,
	a.moreInfo-link:hover,
	a.moreInfo-link:active{
		background: transparent url(_img/icons/arrow_moreInfo.gif) no-repeat 98% 100%;
		padding-right:18px;
		display: inline-block;
		}
	a.moreInfo-link:hover{
		padding-right: 18px;
		background-position: 100% 100%;
		}
	a.external-link,
	a.external-link:link,
	a.external-link:visited{
		background: url(_img/icons/externalLink.gif) no-repeat right center;
		padding-right: 12px;
		color: #CA6C38;
		}
	a.external-link:hover{
		color: #0CA4F0;
		}
	#main a.zoom{
		padding-left: 14px;
		background: url(_img/icons/zoom.png) no-repeat 0 0;
		}
	#main a.top,
	#main a.top:link,
	#main a.top:visited{
		background: url(_img/icons/top.png) no-repeat 100% 0;
		padding: 2px 10px 0 0;
		color: #FFF;
		text-decoration: none;
		float: right;
		height: 16px;
		margin: -42px 8px 0 0;
		font-size: 77%;
		}
	#main a.top:hover{
		color: #000;
		}
/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0;
	font-family: Tahoma, Helvetica, arial, sans serif;
	margin: 0 0 1em 0;
	clear: both;
	color: #000;
	letter-spacing: 0.05em;
	
	}
h1 { 
	font: 400 182%/1em Tahoma, Helvetica, Arial;
	margin: 0 0 .5em 0;
	padding: 0;
	letter-spacing: 0.025em;
	color: #A6CE39;
	text-transform: capitalize;
	}

h2 { 
	text-align: left;
	line-height: 1.4em;
	margin: 0 0 1em 0;
	color: #000;
	font: normal 152% Tahoma, Helvetica, arial, sans serif;
	padding: 5px 0 3px 0;
	}
	#content h2.heading-feature-product{
		margin-top: 16px;
		margin-left: -16px;
		background: #7F7F7F url(_img/icons/icon_featureProduct.gif) no-repeat 16px 50%;
		color: #FFF;
		padding: 0;
		padding-left: 56px;
		font: 400 14px/30px Tahoma, Helvetica, Arial, sans serif;
		letter-spacing: 0.025em;
		height: 30px;
		}
h3 {
	font: 136% Tahoma, Helvetica, arial, sans serif;
	line-height: 1.4em;
	margin: 0 0 0.5em;
	color: #000;
	letter-spacing: 0.08em;
	}
h4 {
	font-size: 114%;
	line-height: 1.3em;
	margin: 0 0 8px 0;
	color: #000;
	letter-spacing: 0.09em;
	font-weight: 400;
	}


h5 {
	font-size: 107%;
	line-height: 1.3em;
	margin: 0 0 8px 0;
	color: #000;
	letter-spacing: 0.1em;
	}
h6 {
	font-size: 92%;
	line-height: 1.3em;
	margin: 0 0 8px 0;
	color: #000;
	letter-spacing: 0.2em;
	 }
		
		/* Special Headings */
		.heading-feature-product{
		margin-bottom: 0;
		}
			

/* General text */
p {
	font-size: 92%;
	margin: 0 0 16px 0;
	padding: 0;
	line-height:1.4em;
	}
	/* Special Opening Paragraphs */
			.intro-text-dog{
				background: url(_img/dog.jpg) no-repeat 100% 100%;
				padding-right: 100px;
				}
			.intro-text-cat{
				background: url(_img/cat2.jpg) no-repeat 100% 100%;
				padding-right: 68px;
				min-height: 68px;
				}
			.intro-text-bird{
				background: url(_img/bird.jpg) no-repeat 100% 100%;
				padding-right: 71px;
				min-height: 76px;
				}
blockquote {
	border-left:10px solid #ddd;
	margin-left:10px;
	}

strong, b {
	font-weight: bold;
	color: #000;
	}
em, i{
	font-style:italic;
	}

/* Lists */
ul {
	margin: 1em 0 1em 0;
	list-style: none;
	font-size: 92%;
	}
	li p{
		font-size:inherit;
		margin:0 0 .5em 0;
		}
ul li {
	margin: 0 0 0 10px;
	padding-left: 15px;
	font-weight: normal;
	background: url(_img/icons/bullet.png) no-repeat 0 0.5em;
		}
		ul ul{
			font-size:inherit;
			}

/* Ordered lists */	
ol{
	margin: 0 0 .75em 0;
	font-size: 92%;
	list-style-type: decimal;
	}
	ol li{
		font-size:inherit;
		margin:0 0 0.25em 30px;
		padding:0;
		background:none;
		}
	ol ul{
		font-size:inherit;
		}
		ol ul li{
			background:url(_img/icons/mini.gif) no-repeat 0 0.5em;
			margin:0 0 0.25em 10px;
			padding:0 0 0 15px;
			}
/* Definition Lists */

dl{
	margin:0 0 1.5em 0;
	padding:0;
	}
dl dt{
	font-weight:bold;
	font-size: 114%;
	margin:1em 0 0.25em 0;
	padding:0;
	}
dl dd{
	margin:0 0 0 0;
	padding:0;
	}
	dl dd ul{
		font-size:inherit;
		}
		dl dd p{
		font-size:inherit;
		}
		dl dl{
			margin: 0 0 1.5em 30px
			}
/* Images */
img{
	float: left;
	margin: 0.2em 1em 0.25em 0;
	padding: 0px;
	border: 3px solid #000;
	}
.image-noStyle,
.image-noStyle img,
.image-noStyle-alignRight,
.image-noStyle-alignRight{
		padding: 0;
		border: 0 none;
		}
.image-noStyle-alignRight{
		float: right;
		}
.image-alignRight{
		float: right;
		}

.image-alignLeft,
.image-alignLeft img{
		float: left;
		}
.image-alignCenter,
.image-alignCenter img{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		}
/* Images with captions */
*.image-withCaption-align-right {
	text-align: left;
	font: normal 85% 'lucida grande',tahoma,sans-serif;
	color: #999;
	float: right;
	width: auto;
	margin: 0.2em 0 .25em 1em;
	}
*.image-withCaption-align-right p{
	display: block;
	clear: both;
	}
#content *.image-withCaption-align-right p a{
	color: #777;
	text-decoration: none;
	}
#content *.image-withCaption-align-right p a:hover{
	color: #0CA4F0;
	}

/* Gloabal Classes */
#content .intro-text{
	color: #000;
	font-size: 100%;
	}
.notice-info{
	background:url(_img/icons/notice_info.gif) no-repeat 6px 0.5em;
	padding: 1em 0 1em 25px;
	border: solid #3895C1;
	border-width: 2px 0;
	}
.notice-note{
	background:url(_img/icons/note.gif) no-repeat 0 0;
	padding-left: 25px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	border: 0;
	}
.notice-attention {
	background: url(_img/icons/notice.gif) no-repeat 6px 0.5em;
	border-color: #F4B82E;
	}
code{
	color: green;
	}