@charset "utf-8";
/* --- reset all of these elements ----*/
html,body,div,span,object,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,img,ol,ul,li,
fieldset,form,label,legend,
table,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
font:inherit inherit 100% inherit;
}
/* ---- define focus styles ----- */
:focus{
outline:0;
}
/* ------ set base font size,and force scrollbar on non IE browsers to avoid page jump ------- */
/* ------ Note: using 62.5%, 1em = 10px   (1.2em = 12px, 1.4em = 14px, etc) -------*/
html{
font-size:62.5%;
margin-bottom:.01px;
min-height:100.1%;
}
/* --------- text align center on body works for older IE centering ---*/
body{
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
line-height:1;
background-color:#c7a26d;
background-image:url(../img/rustic-paws-vertbgrd-10x630.jpg);
background-repeat:repeat-x;
}
/* ------ WRAPPER:text align left fixes text within body which is centered------- */
#wrapper{
margin:10px auto 0 auto;
width:860px;
text-align:left;
}
/* ----------- HEADER ----------*/
#header{
height:139px;
background-image:url(../img/rustic-paws-head-860x140.jpg);
background-repeat:no-repeat;
background-color:#EADAB8;
}
#header a{
text-decoration:none;
}
/* --------- turn off print header for screen pages ---------*/
/*------------ navigation menu bar -------------*/
#navBar{
height:30px;
background-image:url(../img/rustic-paws-nav-bgrd-30x860.jpg);
background-repeat:no-repeat;
background-color:#f4ebcf;
}
/* --------- CONTENT (contains all columns) --------- */
#content{
margin:0;
padding:0;
background-image:none;
background-repeat:no-repeat;
background-color:#EADAB8;
border:1px solid #232323;
border-bottom:none;
clear:both;
}
/* ----- this makes the content clear the columns it contains --- */
#content .clearProp{
clear:both;
height:.01px;
width:100%;
}
#mainCol #mainColProp{
height:780px;
width:.01px;
float:right;
}
/*----------- COLUMNS:widths set below according to body class --------- */
#leftCol{
float:left;
margin:0;
}
#leftCol .inside{
padding:10px 0 0 0;
}
/* - note mainCol width set below according to body class - */
#mainCol{
float:left;
}
#rightCol{
float:left;
padding:0;
margin:0;
}
#rightCol .indexFeatWrap{
margin:13px 0 12px 14px;
padding-bottom:12px;
}
#rightCol .prodTitle, #rightCol .prodDetails{
font-size:14px;
font-weight:900;
text-align:center;
width:176px;
display: block;
color:#824F16;
}
#rightCol .prodTitle .price{
font-size:12px;
font-weight:100;
}
#rightCol .prodTitle a{
text-decoration:none !important;
color:#824F16;
}

#rightCol img.indexFeat{
background-color:#e7c57e;
border:1px solid #232323 !important;
padding:2px;
}
#rightCol .inside{
padding:0 0 0 0;
border:1px solid #232323;
}
/* -------- 3 column page layout ----------*/
.threeCol #mainCol{
width:340px;
}
.threeCol #mainCol .inside{
padding:4px 2px;
}
.threeCol #leftCol{
width:170px;
}
.threeCol #rightCol{
width:210px;
}
/* -------- 2 column page layout ----------*/
.twoCol #mainCol{
width:634px;
margin:0;
}
.twoCol #mainCol .inside{
margin:6px 0 0 11px;
background-color:#FFF;
border:1px solid #232323;
padding:0 0 0 6px;
border-right:0;
}
.twoCol #leftCol{
/*float:left;
width:170px;*/
display:none;
}
.twoCol #rightCol{
width:213px;
background-color:#EBDBBA;
background-image:url(../img/right-col-bgrd-10x310.jpg);
background-repeat:repeat-x;
padding:0;
margin:6px 0 0 0;
}
/* -------- 1 column page layout ----------*/
/*.oneCol #mainCol{
width:760px;
}
.oneCol #mainCol .inside{
padding:10px 0 10px 10px;
}
.oneCol #leftCol{
display:none;
}
.oneCol #rightCol{
display:none;
}*/
/* ---------- FOOTER ----------*/
#footer{
margin:0;
padding:0;
height:32px;
clear:both;
background-image:none;
background-repeat:no-repeat;
background-color:#EADAB8;
border:1px solid #232323;
border-top:none;
}
#footer p{
font-size:1em;
text-align:center;
}
/* --------- footLinks -------- */
#footLinks{
padding:11px 0 0 61px;
font-size:12px;
text-align:center;
}
#footLinks .footLinksList li{
list-style-type:none;
display:block;
float:left;
}
#footLinks a{
margin:0 0 0 36px;
text-decoration:none;
}
#footLinks a:link,#footLinks a:visited,#footLinks a:active{
color:#B17922;
text-decoration:none;
}
#footLinks a:hover{
color:#666666;
text-decoration:underline;
}
/*----------- CREDITS ----------*/
#credits{
padding-top:13px;
}
#credits .smallPrint{
color:#B17922;
font-size:10px;
}
#credits .smallPrint a{
color:#B17922;
text-decoration:none;
}
#credits .smallPrint a:hover{
color:#B17922;
text-decoration:underline;
}
/* ---------- TOP NAVIGATION MENU ---------- */
ul.topNav{
z-index:10000;
margin:0 24px 0 24px;
padding:1px 0 0 0;
font-size:1.6em;
}
ul.topNav li{
list-style-type:none;
text-indent:0;
margin:0;
padding:0;
float:left;
}
ul.topNav li a{
display:block;
margin:0;
padding:6px 12px 7px 12px;
line-height:1em;
text-decoration:none;
border-left:1px solid #844900;
font-family:Georgia, "Times New Roman", Times, serif;
}
ul.topNav li a:link,ul.topNav li a:visited,ul.topNav li a:active{
color:#232323;
}
ul.topNav li a:hover,ul.topNav li a.currentLink:hover{
background-image:url(../img/nav-on-5x36.jpg);
background-repeat:repeat-x;
color:#232323;
}
ul.topNav li a.currentLink{
background-image:url(../img/nav-on-5x36.jpg);
background-repeat:repeat-x;
}
ul.topNav li a.firstLink{
/*border-left:none;*/
}
ul.topNav li a.lastLink{
border-right:1px solid #844900;
}


/* ---------- SIDE NAVIGATION MENU ---------- */
ul.sideNav{
z-index:10000;
margin:4px 0;
padding:0;
font-size:1.4em;
}
ul.sideNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
padding:0;
}
ul.sideNav li a{
display:block;
margin:1px 0;
padding:4px 12px 4px 10px;
line-height:1.2em;
text-decoration:none;
width:144px;
}
ul.sideNav li a:link,ul.sideNav li a:visited,ul.sideNav li a:active{
color:#232323;
}
ul.sideNav li a:hover,ul.sideNav li a.currentLink:hover{
background:#EEEEEE;
color:#232323;
}
ul.sideNav li a.currentLink{
color:#FFFFFF;
background:#232323;
}
/* ------------ REGULAR LINKS --------------- */
a:visited,a:active,a:link{
color:#824F16;
text-decoration:underline;
}
a:hover{
color:#824F16;
text-decoration:none;
}
/* -- no hover attributes on linked images --*/
a:visited img, a:link img, a:active img, a img, a:hover img{
background-color: none !important;
border:none !important;
text-decoration:none;
}
/* -- nohover.js adds the nohover class --*/
a.nohover, a.nohover:link, a.nohover:visited, a.nohover:hover, a.nohover:active{
background:none !important;
text-decoration:none;
}
/* ---------- STANDARD ELEMENTS -------- */
h1{
margin:0;
padding:0;
font-size:2em;
font-weight:900;
text-align:center;
}
#mainCol h1{
color:#614426;
text-align:left;
line-height:1.8em;
padding:3px;
border-bottom:1px dotted #614426;
margin:0 11px 6px 11px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#rightCol h1{
color:#232323;
line-height:1.2em;
padding:1px 0 3px 0;
margin:6px 0;
}
h2{
margin:12px 0 4px 0;
padding:0;
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h2{
color:#A75F13;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
line-height:1.4em;
padding:3px;
border-bottom:1px dotted #A75F13;
margin:8px 11px 3px 11px;
}
#rightCol h2{
color:#232323;
line-height:1.2em;
padding:1px 0 3px 0;
margin:0;
border:0;
}
h3{
margin:0;
padding:0;
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h3{
color:#232323;
text-align:left;
line-height:1.4em;
padding:3px;
margin:3px 11px 0 11px;
}
#rightCol h3{
color:#232323;
line-height:1.2em;
padding:3px 0 3px 0;
margin:6px 0;
}
h4{
margin:0;
padding:0;
font-size:1.2em;
font-weight:900;
text-align:center;
}
#rightCol h4{
color:#232323;
text-align:left;
font-size:1.2em;
line-height:1.4em;
padding:3px;
border-bottom:1px dotted #232323;
margin:4px 4px 6px 4px;
}
h5{
margin:8px 0 5px 0;
padding:0 12px;
font-size:1.2em;
font-weight:900;
text-align:left;
}
h6{
margin:0;
padding:0;
font-size:1.2em;
font-style:oblique;
font-weight:900;
text-align:center;
}
p{
margin:0;
padding:0;
font:1.2em Arial,Helvetica,sans-serif;
line-height:1.4em;
text-indent:0;
}
#leftCol p{
margin:0 5px 0 0;
text-align:left;
}
#mainCol p{
margin:0 12px 4px 12px;
text-align:left;
}
#index #mainCol #homePageText p{
font-size:1.32em;
margin-right:33px;
}
#testimonials #mainCol  p.testHead, #faq #mainCol  p.faqHead{
color:#A75F13;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
line-height:1.4em;
padding:0;
margin:8px 11px 0 11px;
font-style:italic;
font-weight:900;
}

#rightCol p{
margin:0 8px;
text-align:left;
}
/* -----------TABLES---------*/
table{
width:92%;
border-collapse:collapse;
margin:10px auto;
font-size:1.2em;
}
th{
font-weight:900;
text-align:center;
background-color:#AF761F;
color:#FFF;
padding:4px 0 3px 0;
border-bottom:2px solid #F2EBD1;
}
td{
text-align:left;
padding:5px 2px 3px 12px;
vertical-align:top;
}
table#searchResults{
font-size:1em;
margin:6px 0;
width:100%;
}
table#searchResults td{
padding:6px 0;
}
#showcart table td{
padding-top:5px !important;
font-size:11px;
}


/*----------- MISC. CLASSES ----------*/
.alignleft{
text-align:left;
}
.alignright{
text-align:right;
}
.boldText{
font-weight:bold;
}
.clear{
clear:both;
}
.dropCap{
float:left;
color:#232323;
padding:4px 1px 4px 0;
font:34px/20px Verdana,Arial,Helvetica,sans-serif;
}
.dropCapFollow{
color:#232323;
padding:0 2px 0 0;
font:900 1.2em/1em Verdana,Arial,Helvetica,sans-serif;
}
.errorMessage, #content p.errorMessage{
font-weight:900;
text-align:center;
padding:22px 8px;
}
.floatRight{
float:right;
}
.freeShip{
color:#614426;
text-align:left;
line-height:1.8em;
font-size:1.8em;
padding:3px;
/*
border-bottom:1px dotted #614426;
*/
margin:0 11px 6px 11px;
}
.freeShip a{
text-decoration:none !important;
}
#mainCol p.freeShipBox{
background-color:#E7D8AD;
border:1px solid brown;
text-align:center;
margin:3px 15px 22px 15px;
}
select.goList{
float:right;
margin:8px 12px;
clear:both;
}
.mapBox{
margin:18px;
border:1px solid #004080;
}
.mapControls{
text-align:center;
padding:8px;
font-size:1.2em;
}
.mapControls a{
margin:0 8px;
}
.pullQuote{
display:block;
padding:8px 12px;
margin:8px 0;
border-top:1px solid #232323;
border-bottom:1px solid #232323;
font-size:1.4em;
}
.searchMatch{
background-color:#FFFFCC;
}
.searchRenew, a.searchRenew{
float:right;
width:140px;
font-weight:900;
font-size:1.2em;
}
.searchTitle, a.searchTitle{
font-weight:900;
}
.searchURL, a.searchURL{
text-decoration:none;
padding-left:8px;
}
.seoText,p.seoText,#content p.seoText{
font-size:1em;
line-height:1em;
color:#EEEEEE;
margin:15px;
}
.seoText a,#content .seoText a,
#content .seoText a:visited,
#content .seoText a:hover{
color:#EEEEEE;
text-decoration:none;
}
h1 .smallprint{
font-size:11px;
}
.smallPrint{
font-size:1em;
padding:0 12px;
text-indent:0;
}
.standOut{
padding:12px;
border:1px solid #232323;
background-color:#F0F0F0;
margin:7px 0;
}
img,#header a img,body #content a img{
border:none;
}
#credits,.centered,#content p.centered{
text-align:center;
}
.floatLeft{
float:left;
}
/* --------- form styles ----------------- */
fieldset{
padding:3px;
width:420px;
margin:20px;
border:1px solid #B8812E;
}
label{
width:120px;
float:left;
text-align:right;
margin:0 6px 0 6px;
font-size:12px;
line-height:1em;
color:#232323;
}
form div.error, form div.warning{
color:#990000;
float:none;
clear:both;
padding:5px 0 5px 134px;
text-align:left;
font-size:1.2em;
font-style:italic;
}
input.error, input.warning, textarea.error, textarea.warning, select.error, select.warning{
border:1px solid #990000;
}
label.required{
font-weight:900;
}
legend{
padding:3px 8px;
margin:2px 67px;
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
color:#B8812E;
font-weight:900;
font-size:14px;
}
input,textarea,select{
margin:2px 6px 0 0;
padding:1px;
border:1px solid #3E2B01;
color:#502A03;
background:#F2EBD1;
}
#contact input,#contact textarea,#contact select{
margin-bottom:6px;
}
input.submitButton{
padding:0 1px;
margin:12px 0 12px 0;
}
#searchForm input.submitButton{
margin:0;
}
.formResponse{
padding:45px;
height:240px;
font-size:1.4em;
}
.formResponse a{
text-decoration:none;
}
.formResponse a:hover{
text-decoration:underline;
}
#printHeader,.hideField{
display:none;
}
/*------- index pics ------- */
html body #content #indexPics a img {
clear:both;
border:1px solid #232323 !important;
padding:2px;
background-color:#e7c57e;
margin:5px 0 0 1px;
}
/* -------- CARTWEAVER CSS ------- */
body#results table.tabularData{
margin:12px 0 0 12px;
width:588px;
clear:both;
}

body#orderform table.tabularData{
width:290px !important;
float:left;
}
body#orderform form{
width:290px;
}
body#results table.tabularData td, body#results table.tabularData th{
	padding: 0;
}
#loginFormTable p{
font-size:12px;
text-indent:0;
padding:0;
}
#loginFormTable table th{
padding:10px 0 0 0 !important;
background-color:#FFF !important;
vertical-align:top;
border-bottom:none;
}
#loginFormTable table th label{
width:100px;
}
#loginFormTable .formButton{
float:right;
margin-right:23px;
}
#loginFormTable #forgot{
background-color:#FFF;
text-transform:none;
font-size:10px;
}


/* -------- body#orderform table.tabularData td, body#orderform table.tabularData th{
	padding: 0;
}
body#orderform table.tabularData th{
background-color:none;
} ------- */
html body#results #content table#tableSearchResults a img{
margin:0 0 4px 0 !important;
padding:0;
width:176px;
}
body #mainCol #tableSearchResults td.prodCell{
padding:0 0 13px 0;
width:196px !important;
line-height:1.2em;
}
body #mainCol #tableSearchResults td.prodCell h1{
height:33px;
border:none;
}
body #mainCol #tableSearchResults td.prodCell p{
font-size:1em;
text-align:left;
padding:0;
margin:5px 5px 0 0;
}
body #mainCol #tableSearchResults td.prodCell .prodPrice{
display:block;
padding-top:1px !important;
text-align:center;
margin:0 5px 0 10px;
float:left;
}
body #mainCol #tableSearchResults td.prodCell .shortDescrip{
padding:3px 13px;
}
body #mainCol #tableSearchResults td.prodCell a{
font-size:10px;
margin:0 0 0 12px;;
}
#mainCol #tableSearchResults h1{
padding:0 0 2px 0;
font-size:1.2em;
line-height:1.2em;
}
#mainCol #pagingLinksBottom{
text-align:center;
padding:6px 0 18px 0;
font-size:1.2em;
clear:both;
}
#tableProductDetails{
clear:both;
}
#tableProductDetails td{
vertical-align:top;
padding:0;
}
html body#details #content table#tableProductDetails img#productPic{
float:left;
/*border:1px solid #232323 !important;
padding:3px;
background-color:#e7c57e;*/
margin:5px 0 0 0;
}
#tableProductDetails #detailsDescrip, #tableProductDetails #detailsDescrip p{
font-size:1em;
line-height:1.2em;
text-align:left;
margin:0 0 3px 0;
padding:0;
}
#tableProductDetails td#detailsDescrip{
padding: 0 0 0 10px; !important;
width:240px;
}
html body#details #content #tableProductDetails #thumbsWrapper a img{
float:left;
margin:0 7px 0 0;
border:1px solid #614426 !important;
padding:2px;
background-color:#e7c57e;
width:62px;
}
html body#details #content #tableProductDetails .optionsTable td,
html body#details #content #tableProductDetails .optionsTable select{
font-size:12px !important;
}
#tableProductDetails td#detailsDescrip .errorMessage{
font-weight:900;
color:#660000;
padding:10px;
margin-top:15px;
text-align:left;
background-color:#FCFECB;
}
#addToCartButton{
margin:12px 0 12px 12px;
}
#addToCartButton, .formButton, .submitButton{
font-weight:900;
background-color:#DBB469;
cursor:pointer;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}
#checkout{
float:right;
margin-right:34px;
}
#update{
font-size:10px;
margin-right:11px;
background-color:#FFF !important;
}
#continueShopping{
float:right;
font-weight:900;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
padding:14px 0 0 0;
margin-right:25px;
}
.cartDescription{
float:left;
width:110px;
text-indent:0;
font-size:12px;
font-weight:900;
line-height:1em;
}
.cartDescription .prodOptions{
font-size:10px;
font-weight:100;
}
.searchLinksMain{
margin:0 13px;
padding:11px 0 11px 8px;
font-size:1.2em;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
}
.searchLinksMain a{
margin:3px 2px;
}
#cartLinksWrap{
display:block;
float:right;
padding:8px;
width:240px;
text-align:center;
border:1px dotted #614426;
font-size:1.2em;
color:#614426;
margin:0 18px 12px 18px;
}
#cartLinksWrap a{
color:#614426;
}
#searchCount{
display:block;
float:left;
padding:8px;
width:240px;
text-align:center;
border:1px dotted #614426;
font-size:1.2em;
color:#614426;
margin:0 18px 12px 18px;
}
#signupFormTable{
font-size:1em;
}
#signupFormTable table th{
padding:4px 0 3px 0;
}
#signupFormTable table td{
padding:4px 0 3px 0;
}
#nextButton{
float:right !important;
margin-top:5px;
margin-right:82px;
}
input#qty{
margin-top:12px !important;
}
#showcart #placeOrder{
float:right;
margin-right:26px;
}
.imageWrapper{
width:394px;
padding:4px 0 4px 12px;
}
.imageCaption{
padding:6px;
font-size:12px;
font-style:italic;
}