@charset "UTF-8";
/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/*
BASE ELEMENTS
*/

* {
margin: 0;
}
html, body {
height: 100%;
}

body {
	margin: 0;
	padding:0;
	background:#000000  url(../images/tar10-bg.gif) repeat center center;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	line-height:18px;
}

body#preserves-page{
color:#333333;
}

img{
border:0;
}

a{
outline:none;
text-decoration:none;
color:#FFF;
}

a:hover{
color:#333333;
}

img{
border:0;
}

h1,h2{
font: italic normal 20px/18px Verdana, Arial, Helvetica, sans-serif;
} 



/*
MAIN STRUCTURE
*/

div#centerer{
padding: 100px 0;
}

div#wrapper{
width:927px;
margin:0 auto;
border:#FFFFFF 1px solid;
background:url(../images/beige-stripe.gif) repeat-y;
}

div#centred-content{
width:927px;
height:500px;
overflow:hidden;
margin:-250px -464px;
position:absolute;
top:50%;
left:50%;
border:#FFFFFF 1px solid;
background:url(../images/beige-stripe.gif) repeat-y;
}

div#left-col{
width:132px;
float:left;
}

div#logo{
height:170px;
}


div#home-right-col, div#contact-right-col, div#preserves-right-col{
float:left;
width:795px;
background: #000000 url(../images/home-img.jpg) no-repeat;
height:500px;
position:relative;
}
/*
CLASSES
*/

.col1{
float:left;
width:356px;
padding:0 21px 0 0;
}

.col2{
float:left;
width:356px;
}

.col1{
float:left;
width:356px;
}

.col2{
float:right;
width:356px;
}

.talbottle-col{
float:left;
width:245px;
}

.centre-last-two{width:490px; margin:0 auto;}

.product-row{
padding:0 0 30px 0;
}

.clear{
width:100%;
height:1px;
clear:both;
margin: -1px 0 0 0;
background-color:#FFF;
}

#about-us-page .clear{
background-color:#262626;
}

.copyright{
padding:20px 0 0 0;
font-size:10px;
line-height:12px;
color:#FFFFFF;
text-align:center;
}


/*
HOME
*/

#view-accessories, #view-preserves{
width:200px;
height:20px;
position:absolute;
background-position:0 0;
background-repeat:no-repeat;
}

#view-accessories span, #view-preserves span{
display:none;
}

#view-accessories{
top:300px;
left:530px;
background-image:url(../images/view-accessories.gif);
}

#view-preserves{
top:270px;
left:500px;
background-image:url(../images/view-preserves.gif);
}



#view-accessories:hover, #view-preserves:hover, #contact-us:hover{
background-position:-200px 0;
}


/*
POLOS AND BAG PAGE
*/



div#polos-right-col{
width:795px;
float:left;
background: #262626 url(../images/polo-header.gif) no-repeat;
}

div#about-us-right-col{
width:795px;
height:500px;
overflow:hidden;
float:left;
background: #262626 url(../images/about-us-heading.gif) no-repeat;
}

div#polos-content{
padding: 160px 29px 30px 29px;
}

div#bag-content{
width:795px;
padding: 220px 0 30px 0;
background: #262626 url(../images/bag-header.gif) no-repeat;
float:right;
}




/*
PRESERVES PAGE
*/

div#preserves-content-right-col{
width:795px;
float:left;
background: #FFF;
padding:30px 0;
} 

.preserves-product-row{
padding:0 30px 30px 30px ;
}

div#preserves-right-col{
background:#262626;
}


/*
ABOUT US
*/

div#about-content{
padding: 100px 29px 30px 29px;
}



/*
CONTACT
*/


div#contact-right-col{
background:#000000 url(../images/contact-img.jpg) no-repeat;
}

#contact-email{
width:300px;
height:30px;
position:absolute;
top:180px;
left:240px;
background:url(../images/email-button.gif) no-repeat 0 0;
}

#contact-email span{
display:none;
}

#contact-email:hover{
background-position:0 -30px;
}

/*
NAV
*/


#home-nav, #accessories-nav, #treats-nav, #about-us-nav, #contact-us-nav{
width:132px;
height:32px;
display:block;
background-position:0 0;
background-repeat:no-repeat;
}

#home-nav span, #accessories-nav span, #treats-nav span, #about-us-nav span, #contact-us-nav span{
display:none;
}

#home-nav:hover, #accessories-nav:hover, #treats-nav:hover, #about-us-nav:hover, #contact-us-nav:hover,
body#home-page #home-nav, body#accessories-page #accessories-nav, body#preserves-page #treats-nav,  body#about-us-page #about-us-nav, body#contact-us-page #contact-us-nav{
background-position:0 -32px;
}

#home-nav{
background-image:url(../images/home-nav.gif);
}

#accessories-nav{
background-image:url(../images/accessories-nav.gif);
}

#treats-nav{
background-image:url(../images/treats-nav.gif);
}

#about-us-nav{
background-image:url(../images/about-us-nav.gif);
}

#contact-us-nav{
background-image:url(../images/contact-us-nav.gif);
}

/* SHOP PAGE */


.quantity-input{padding:5px; font-size:16px; border:#666666 1px solid; width:20px; text-align:center;}

.contact-info-row{padding:0 0 0 110px; text-align:left;}

.contact-details-input{padding:5px; font-size:16px; border:#666666 1px solid; width:20px; text-align:left; width:380px;}

textarea .contact-details-input{ height:200px;}

textarea{ font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;}

.padding-8-top-bottom-50{padding-top:8px; padding-bottom:50px;}

#submit{margin:8px 0 0 70px; display:block; background:#000000 url(../images/submit.gif) no-repeat; width:100px; height:33px; border:0; outline:0;}

#submit value{display:none;}

.back-to-top{color:#666666; font-style:italic;}

.back-to-top:hover{ color:#333333;}