html{margin: 0;}
body{
font-family: Arial, Helvetica, sans-serif;
margin: 0 auto;
height: 100%;
font-size: 12px;
background:url(graphics/images/header-background.jpg) repeat-x top;
}
h1{
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 28px;
font-weight: 300;
color: #cc0000;
}
h2, h3{
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight: 300;
color: #333333;
}
a{
color:#333333;
text-decoration: underline;
font-size:11px;
}
a:hover{
color:#cc0000;
text-decoration:underline;
font-size:11px;
}
textarea{
width:320px !important;
}
/* HEADER */
#header{
margin: 0 auto;
height: 135px;
width: 1000px;
}
#logo{
height: 135px;
width: 128px;
float: left;
}
#headerbox{
height: 100px;
width: 850px;
float: left;
}
#slogan{
float: left;
width: 356px;
height: 88px;
}
#sloganright{
float: right;
width: 400px;
height: 50px;
}
#toptab{
width: 131px;
height: 19px;
float: right;
padding: 6px 0 0 0;
background: url(graphics/images/top-tab.jpg);;
text-align: center;
color: #FFFFFF;
font-size: 10px;
}
#toptab a{
margin: 0;
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
}
.headersearch {
font-size: 10px;
float: right;
height: 24px;
margin-top: 20px;
width: 400px;
}
#topnav{
margin: 6px 0 0 0;
height: 29px;
width: 675px;
float: right;
}
#topnav ul{
padding: 20px 0 0 0;
list-type: none;
display: inline;
}
#topnav li{
margin: 0 3px 0 0;
width: 81px;
padding: 7px 0 8px 0;
float: left;
list-style: none;
text-align: center;
font-weight: bold;
font-size: 12px;
}
#topnav a {
color: #FFFFFF;
text-decoration: none;
}
#topnav a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#topnav .current{
background: url(graphics/images/current-tab.jpg) no-repeat;
}
#topnav .current a{
color: #333333;
}
#topnav .goldtab{
background: url(graphics/images/gold-tab.jpg) no-repeat;
}
#topnav .goldtab a{
color: #333333;
}
/*INDEX CSS*/
#content{
margin: 0 auto;
padding-top: 10px;
height: 370px;
background: #d4dee0;
}
#contentcenter{
margin: 0 auto;
width: 1000px;
}
#blurb{
text-align: left;
margin: 10px 0 0 0;
width: 999px;
float: left;
font-size: 12px;
line-height: 20px;
}
#catagorybox{
margin: 0 5px 0 0;
padding: 5px 0 0 8px;
width: 87px;
height: 258px;
float: left;
background: url(images/box-example.jpg) no-repeat;
text-align: left;
}
#catagorybox ul{
margin: 0;
padding: 0;
list-style-type: none;
line-height: 18px;
}
#catagorybox li{
margin: 0;
padding: 0;
list-style-stype: none;
font-size: 11px;
}
#catagorybox a {
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
}
#catagorybox a:hover {
color: #CC0000;
text-decoration: none;
}
#catagorybox strong{
color: #333333;
font-size: 12px;
font-weight: bold;
}
#catagorybox span{
color: #0066CC;
}
#indextext{
margin: 0 auto;
height: 370px;
width: 1000px;
}
#indextextbox{
margin: 20px 0 20px 0;
height: 300px;
width: 475px;
line-height: 20px;
background:url(graphics/images/bg1.gif) no-repeat center;
font-size: 12px;
text-align: left;
}
/*BODY*/
.bcont{
margin: 0 auto;
width: 1002px;
height: 273px;
}
.bcont td {
font-size: 10px;
line-height: 16px;
}
.bcont td a {
font-size: 10px;
color: #333333;
text-decoration: none;
}
.bcont td a:hover {
font-size: 10px;
color: #333333;
text-decoration: none;
}
.bot {
font-size: 10px;
line-height: 16px;
color: #333333;
}
/*footer*/
#footer{
margin: 0 auto;
height: 153px;
padding: 10px 0 0 0;
background: url(graphics/images/footerbgnew.jpg) repeat-x;
font-size: 10px;
color: #AAAAAA;
}
#footer a{
color: #AAAAAA;
}
/* CATAGORY SUB NAV */
.ctgydiv {
margin: 10px 0 0 10px;
font-size: 11px;
color: #000000;
line-height: 16px;
}
.ctgybody {
font-size: 11px;
color: #333333;
margin-top: 30px;
}
.ctgyheader{margin: 10px 0 0 0; color: #003366; font-weight: bold;}
.ctgysealife {
margin: 35px 0 0 0;
height: 304px;
width: 118px;
}
.ctgysealife a{
text-decoration:none;
}
.ctgyanimal {
height: 304px;
width: 118px;
margin-top: 30px;
}
.ctgyanimal a{
text-decoration:none;
}
.ctgytd {
line-height: 20px;
font-size:11px;
}
.ship {
font-size: 11px;
line-height: 20px;
color: #333333;
}
.price{
margin: 0;
float: left;
color: #cc0000;
font-size: 18px;
}
#addbasket{
margin: 9px 0 5px 0; padding: 0; width: 150px; float: left;
}
#description {
line-height: 20px;
font-size:12px;
}
#subnav{
width: 150px;
margin: 24px 30px 100px 30px;
line-height: 18px;
}
#subnav a{
padding: 0 0 0 10px;
font-size: 11px;
width: 150px;
}
#headerdivider{
margin: 5px 0 10px 0; width: 755px; height: 1px; border-bottom: 1px #666666 solid;
}
#bodywrap{
margin: 0 auto; width: 1000px; height: 100%;
}
/* THUMBNAILS */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: #FFF;
padding: 5px;
left: -1000px;
visibility: hidden;
border: 1px solid #444444;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: 60px; /*position where enlarged image should offset horizontally */
}