/* CSS Sheet by Evangelista Design www.evangelistadesign.com */

/* FORCES VERT SCROLLBAR IN NON-IE BROWSERS TO AVOID PAGE SHIFT - do not change*/
html{
min-height:100%;
margin-bottom:1px;
}
/* DEFINE BASE FONT SIZE FOR ENTIRE DOC -- CHANGE THIS TO SCALE ALL FONT SIZES */
html{
font-size:75%;
}
/* DECLARE FONT FOR ALL ELEMENTS*/
*{
font-family:Arial,sans-serif;
}
/*CENTER BODY,SET MASTER BACKGROUND COLOR*/
body{
font-size:100%;
margin:0;
padding:0;
text-align:center;
background:#F4E3CC;
}
/*STANDARD HTML TAGS*/
p{
margin:0;
padding:0;
font:12px Arial;
}
h1{
font-size:1.8em;
text-align:center;
font-weight:bold;
margin:0; padding:0;
}
h2{
font-size:1.6em;
text-align:center;
font-weight:bold;
margin:0; padding:0;
}
h3{
font-size:1.4em;
text-align:center;
font-weight:bold;
margin:0; padding:0;
}
h4{
	color: #003B6B;
font-size:1.2em;
text-align:center;
font-weight: 900;
margin:5px 0;
padding:0;
}
h4.title{
	background-color: #BCC5CE;
margin: 0 0 13px 0;
padding: 3px;
}
h5{
font-size:1.1em;
text-align:center;
font-weight:900;
margin:0; padding:0;
color: #003B6B;
}
h6{
font-size:1.3em;
text-align:center;
font-weight:bold;
margin:0; padding:0;
font-style:oblique;
}
/* IMAGE CLASSES */
#content img.alignright{
	float: right;
}
#content img.alignleft{
	float: left;
	padding: 0 0 0 15px;
	width: 225px;
}


/* TABLE AND FORM CLASSES */

td {
/*	text-align: left;*/
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td.formcell {
	border-color: #96603E;
	border-width: 2px;
	border-style: solid;
	padding: 15px;
}

td.formcell input{
	margin: 5px 0;
}

td.formhead {
background-color: #96603E;
	border-color: #96603E;
	border-width: 2px;
	border-style: solid;
	padding: 15px;
}

td.formhead p {
	color: White;
	font-weight: bold;
	text-align: center;
}

/*ALIGNMENT CLASSES*/
.alignleft { text-align: left; }

.alignright { text-align: right; }

.centered {
	text-align: center;
}
/* MISC PARAGRAPH CLASSES */
p.smallprint{
	font-size: 10px;
}
/* DEFINE LINK COLORS,STYLES */
a:link{
text-decoration:underline;
color:#003B6B;
}
a:visited{
text-decoration:underline;
color:#003B6B;
}
a:hover{
text-decoration:underline;
color:#0A6CAB;
}
a:active{
text-decoration:underline;
color:#003B6B;
}
/* DEFINES ALT LINK STYLES - USE FOR NAV,ALT COLOR BGRD,ETC */
.altlink:link{
text-decoration:none;
color:#FF3333;
}
.altlink:visited{
text-decoration:none;
color:#FF3333;
}
.altlink:hover{
text-decoration:underline;
color:#FFDD33;
}
.altlink:active{
text-decoration:none;
color:#FF3333;
}
/* BEGIN LAYOUT SECTIONS */
#wrapper{
width:760px;
margin:0 auto;
text-align:left;
padding: 0 0 20px 0;
}
#header{
height:100px;
background: url(../assets/Thunderpaws-Head-100.jpg) no-repeat;
}
#navbar{
display:none;
}
#navbar p{
text-align:center;
text-indent: 0;
}
#navbar a{
display:block;
text-indent:-2000px;
text-decoration:none;
background:no-repeat;
height: 30px;
float:left;
margin: 0 5px;
}
#navbar a#home {
width: 60px;
	background-image: url(../assets/nav/home-off.gif);
}
#navbar a#home:hover{
	background-image: url(../assets/nav/home-over.gif);
} 
#navbar a#products {
width: 80px;
	background-image: url(../assets/nav/products-off.gif);
}
#navbar a#products:hover{
	background-image: url(../assets/nav/products-over.gif);
} 
#navbar a#info {
width: 110px;
	background-image: url(../assets/nav/info-off.gif);
}
#navbar a#info:hover{
	background-image: url(../assets/nav/info-over.gif);
} 
#navbar a#about {
width: 80px;
	background-image: url(../assets/nav/about-off.gif);
}
#navbar a#about:hover{
	background-image: url(../assets/nav/about-over.gif);
} 
#navbar a#contact {
width: 80px;
	background-image: url(../assets/nav/contact-off.gif);
}
#navbar a#contact:hover{
	background-image: url(../assets/nav/contact-over.gif);
} 

#content{
margin:0px;
padding:0px;
background: url(../assets/thunderpaws-bgrd10px.gif);
}
#content p{
text-indent:1em;
margin:0;
padding: 0 20px;
}
#content #slideshow{
	height:230px;
	width:225px;
	float: left;
	padding: 0 0 0 15px;
}
#content #pagehead{
	float: right;
	height: 40px;
	width: 510px;
	margin: 0 10px 0 0;
	background-image: url(../assets/index-page-head490x40.gif);
background-repeat: no-repeat;
}
#footer{
display:none;
}
#footer p{
text-align:center;
}
#footlinks{
text-align:center;
font-size:1.2em;
}
/* DEFINE FOOTLINK COLORS,STYLES */
#footlinks a:link{
text-decoration:underline;
color:#003399;
}
#footlinks a:visited{
text-decoration:underline;
color:#003399;
}
#footlinks a:hover{
text-decoration:none;
color:#D52810;
}
#footlinks a:active{
text-decoration:underline;
color:#003399;
}
#footerend{
	height:40px;
	background: url(../assets/thunderpaws-footend40.gif);
	background-repeat: no-repeat;
}

#footer #footerend p {
	text-align: center;
}

form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 1.1em;
	color: #1C252C;
	border: 1px solid #040D1C;
}

input {
	background: White;
	border: 1px solid #040D1C;
	color: #003B6B;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

input.formButton {
	background: #425929;
	border-bottom: 1px solid #688C40;
	border-left: 1px solid #688C40;
	border-right: 1px solid #141C0D;
	border-top: 1px solid #141C0D;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/*CARTWEAVER CSS*/

input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #003B6B;
	border-bottom: 1px solid #000009;
	border-left: 1px solid #000009;
	border-right: 1px solid #0A6CAB;
	border-top: 1px solid #0A6CAB;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 3px 20px 3px;
}
input#checkout, input#next, input#placeorder {
	margin: 25px 35px 0 0;
}
input#update{
	margin: 5px 0 0 0;
}
input#login, input#forgot{
	margin: 5px 25px 0 0;
}
table.noborder, table.noborder td, table.noborder th {
	border: 0;
	border-collapse: collapse;
}
table.noborder td, table.noborder th{
	padding: 0;
}
table.noborder th, table.noborder th a:link, table.noborder th a:visited, table.noborder th a:hover, table.noborder th a:active  {
	background: #CBD4E4;
	color: #FFFFFF;
}

/* TABLES WITH LIGHT BORDER, COPIED FROM TABULAR DATA BELOW */
table.ltborder{
width: 80%;
	margin: 20px auto 10px auto;
}
#logintable, #forgottable{
	width: 55%;
}
#custinfo {
	width: 75%;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData{
/*width: 70%;*/
	margin: 20px auto 10px auto;
}
#content td p{
	margin:0;
}
#content td img.resultsimg {
	margin: 7px;
}
#content td img.productimg {
	margin:0;
}
#logintable, #forgottable{
	width: 55%;
}
table.tabularData, table.tabularData td, table.tabularData th {
	border: 2px solid #003B6B;
	border-collapse: collapse;
}
table.tabularData td.cwsearch{
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: #BCC5CE 4px solid;
}
table.tabularData td{
	padding:5px 2px 2px 2px;	
	font-weight: 900;
	}

table.tabularData th{
	padding: 6px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #BCC5CE;
	color: #003B6B;
	font-size: 12px;
	font-weight: bold;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #E2E4E7;
}
.altRowOdd{
	background-color: #ECEDF0;
}

.smallprint {
	font-size: 12px;
	font-weight: 300;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #C8242B;
	font-weight: normal;
}