/**
 * $Id$
 * Website Baker template: allcss
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Ryan Djurovich, C. Sommer
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform   Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/

html{

}

body{
	font-family: Arial, Helvetica, sans-serif;
	color:#262261;
	font-size: 10pt;
	background-image:url(images/background.png);
  background-repeat:repeat-x;
  background-position: top;
  margin: 0;
  background-color:#FFFFFF;
  padding: 0;
}

a:link, a:visited, a:active {
	color: #603;
	text-decoration: none;
}
a:hover {
	color: #936;
	text-decoration: none;
}

img{
border: none;
}

hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border: 0;
	border-top: 1px solid #603;
	height: 1px;
	width: 580px;
}
h1 {
	font-size: 14pt;
	color: #6966DD;
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
h2 {
	font-size: 12pt;
	color: #6966DD;
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
form {
	margin: 0;
	padding: 20px;
	background-color:#EDFCFC;
	border: solid 1px #C0EDED;
}

p{
margin: 0;
padding: 0;
}

ul, li {
margin: 0;
padding:0;
}

.main_wrapper{
  width: 990px;
  margin: 0 auto;
  background-image: url(images/dogs_bg_1.png);
  background-repeat:no-repeat;
}

.background1{
background-image: url(images/dogs_bg_1.png);
}

.background2{
background-image: url(images/dogs_bg_5.png);
}

.background3{
background-image: url(images/dogs_bg_2.png);
}

.background4{
background-image: url(images/dogs_bg_4.png);
}

.background7{
background-image: url(images/dogs_bg_6.png);
}

.background12{
background-image: url(images/dogs_bg_3.png);
}

.main {
	width: 946px;
	margin: auto;
	padding: 50px 0 0 0;
}
.search_box {
	height: 80px;
	background-repeat: repeat-x;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	display: none;
}

.banner {
  text-align: right;
  padding: 0 45px 10px 0;
}

.search_box {
	float: right;
	clear: right;
	width: 200px;
}
.search_string {
	width: 100px;
	height: 16px;
	font-size: 10px;
	vertical-align: middle;
}
.search_submit {
	width: 50px;
	height: 22px;
	font-size: 10px;
	vertical-align: middle;
}
.highlight {
	background-color: #D0D0D0;
}
.banner a {
	color: #FFF;
}
.banner span {
	color: #D0D0D0;
}

#content_wrapper_top{
  background-image:url(images/purple_border_top.gif);
  background-repeat: no-repeat;
  padding-top: 13px;
}

#content_wrapper_bottom{
  background-image:url(images/purple_border_bottom.gif);
  background-repeat: no-repeat;
  background-position:bottom;
  padding: 0 12px;
  margin: 0;
}

#content_wrapper_inner{
padding-bottom: 12px;
}

#left_col{
width: 200px;
float: left;
margin: 0 12px 0 0;
padding: 0;
}

.menu {
	background-image:url(images/menu_bg_top.gif);
	padding-top:6px;
	margin: 0 0 12px 0;
}
.menu_bottom{
height: 10px;
background-image:url(images/menu_bg_bottom.gif);
font-size: 1px;
line-height: 1px;
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	margin: 0;
	padding: 2px 0 0 0;
	list-style: none;
	background-image: url(images/menu_divider.gif);
	background-position:top;
	background-repeat:no-repeat;
	height: 44px;
}

.menu ul ul {
}
.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {
	display: block;
	padding: 14px 10px 0 36px;
	margin: 0;
	height: 30px;
	color:#FFFFFF;
	text-transform: uppercase;
	font-size: 11pt;
	background-image: url(images/menu_paw_print.gif);
	background-position: 9px 11px;
	background-repeat:no-repeat;
}

.menu a:hover{
background-color:#645ac3;
}

.menu-current a  {
	font-weight:bold;
	background-color:#645ac3;
}

.menu li.menu-first{
	background-image: none;
}

#visa_mastercard{
height: 45px;
background-image:url(images/visa_mastercard.gif);
padding: 50px 18px 0 18px;
font-size: 11pt;
margin: 0 0 10px 0;
}

#facebook{
display:block;
background-image:url(images/facebook.gif);
padding: 8px 0 5px 50px;
height: 22px;
font-size: 11pt;
color: #262261;
background-position: top;
}

#facebook:hover{
background-position: bottom;
color: #000000;
}

#content {
float: left;
background-color: #E1F8F9;
height: expression( this.scrollHeight < 427 ? "427px" : "auto" );  /* sets min-height for IE */
min-height: 427px; /* sets min-height value for all standards-compliant browsers */
width: 690px;
position: relative;
padding: 12px 10px 10px 10px;
margin-bottom: 10px;
}

#content li{
margin-left: 15px;
padding-left: 0px; 
}

#content_main{
width: 310px;
float: left;
background-image:url(images/animal_mad_dog_logo.gif);
background-repeat: no-repeat;
background-position: 8px 8px;
padding: 12px 22px 0 150px;
}

#content_right{
float: left;
width: 206px;
}

#content_full{
float: left;
background-image:url(images/animal_mad_dog_logo.gif);
background-repeat: no-repeat;
background-position: 8px 8px;
padding: 12px 22px 0 150px;
}

.white_box{
background-color:#FFFFFF;
position:relative;
padding: 0;
margin: 12px 0;
height: 210px;
overflow: hidden;
}

.white_box_inner{
padding: 12px 14px;
}

.white_corners{
position:absolute;
background-image: url(images/white_box_corners.gif);
width: 10px;
height: 10px;
font-size: 1px;
line-height: 1px;
}

.corners{
position:absolute;
background-image: url(images/content_corners.gif);
width: 10px;
height: 10px;
font-size: 1px;
line-height: 1px;
}

.corner1{
top: 0;
left: 0;
background-position: 0px 0px;
}

.corner2{
top: 0;
right: 0;
background-position: -10px 0px;
}

.corner3{
bottom: 0;
right: 0;
background-position: -10px -10px;
}

.corner4{
bottom: 0;
left: 0;
background-position: 0px -10px;
}

.purple_band{
height: 26px;
background-image:url(images/purple_band.gif);
padding: 10px 0px 0px 15px;
color:#FFFFFF;
}


.footer {
	clear: both;
	height: 20px;
	background-repeat: repeat-x;
	font-size: 10px;
	color: #666;
	text-align: center;
	line-height: 18px;
}
.powered_by {
	text-align: center;
	font-size: 10px;
	padding-top: 2px;
}

.captcha_expl{
font-size: 8pt;
padding: 0 5px;
}

.clear{
  clear: both;
}