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

body {margin:0px; background-color: #f5f5f5; text-align:center; background-position:center;}

#page {position:relative; width: 960px; height:780px; margin: auto; background-color: #FFFFFF; }

.siteDesc { position:relative; width:900px; top:400px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-align: left; }

.hdr {position: absolute; width: 960px; height: 140px; top: 1px;}
#img_hdr {left: 0px; top: 1px; background: url(images/TopNavBgHomeNew.jpg) top left no-repeat;}

.shop {position: absolute; width: 446px; height: 210px; top: 165px;}
#btn_shop {left: 25px; top: 165px; background: url(images/home_shop.gif) top left no-repeat;}
#btn_shop:hover {background-position: bottom left;}

.shipping {position: absolute; width: 446px; height: 210px; top: 165px;}
#btn_shipping {left: 490px; top: 165px; background: url(images/home_shippingLg.gif) top left no-repeat;}
#btn_shipping:hover {background-position: bottom left;}

.follow {position: absolute; width: 50px; height: 50px; top: 290px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:10px;}
#txt_follow {left: 510px; top: 290px; top left no-repeat;}

.facebook {position: absolute; width: 50px; height: 50px; top: 310px;}
#btn_facebook {left: 510px; top: 310px; background: url(http://www.jracenstein.com/store/images/FBiconAnim.gif) top left no-repeat;}
#btn_facebook:hover {background-position: bottom left;}

.twitter {position: absolute; width: 50px; height: 50px; top: 310px;}
#btn_twitter {left: 570px; top: 310px; background: url(http://www.jracenstein.com/store/images/TwitterIconAnim.gif) top left no-repeat;}
#btn_twitter:hover {background-position: bottom left;}

.specials {position: absolute; width: 290px; height: 140px; top: 395px;}
#btn_specials {left: 25px; top: 395px; background: url(images/home_specials.gif) top left no-repeat;}
#btn_specials:hover {background-position: bottom left;}

.learn {position: absolute; width: 290px; height: 140px; top: 395px;}
#btn_learn {left: 335px; top: 395px; background: url(images/home_learn.gif) top left no-repeat;}
#btn_learn:hover {background-position: bottom left;}

.wfp {position: absolute; width: 290px; height: 140px; top: 395px;}
#btn_wfp {left: 646px; top: 395px; background: url(images/home_wfp.gif) top left no-repeat;}
#btn_wfp:hover {background-position: bottom left;}

.catalog {position: absolute; width: 290px; height: 140px; top: 555px;}
#btn_catalog {left: 25px; top: 555px; background: url(images/home_catalog.gif) top left no-repeat;}
#btn_catalog:hover {background-position: bottom left;}

.find {position: absolute; width: 290px; height: 140px; top: 555px;}
#btn_find {left: 335px; top: 555px; background: url(images/home_find.gif) top left no-repeat;}
#btn_find:hover {background-position: bottom left;}

#blog {position: absolute; width: 290px; height: 140px; top: 555px;}
#btn_blog {left: 646px; top: 555px; background: url(images/home_blog.gif) top left no-repeat;}
#btn_blog:hover {background-position: bottom left;}

<!--.blog{
    position: absolute; width: 290px; height: 140px; left: 646px; top: 555px;
    border: 0px solid #ccc;
    text-decoration: none;
    color: black;
    font-family: arial;
    text-align: center;
    
}-->




.about {position: absolute; width: 212px; height: 35px; top: 715px;}
#btn_about {left: 25px; top: 715px; background: url(images/home_about.gif) top left no-repeat;}
#btn_about:hover {background-position: bottom left;}

.new {position: absolute; width: 212px; height: 35px; top: 715px;}
#btn_new {left: 258px; top: 715px; background: url(images/home_new.gif) top left no-repeat;}
#btn_new:hover {background-position: bottom left;}

.login {position: absolute; width: 212px; height: 35px; top: 715px;}
#btn_login {left: 491px; top: 715px; background: url(images/home_login.gif) top left no-repeat;}
#btn_login:hover {background-position: bottom left;}

.kits {position: absolute; width: 212px; height: 35px; top: 715px;}
#btn_kits {left: 724px; top: 715px; background: url(images/home_kits.gif) top left no-repeat;}
#btn_kits:hover {background-position: bottom left;}

#toplinks { position:absolute; top:8px; left:600px; COLOR: #000000;     FONT-FAMILY: verdana,arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold;     TEXT-DECORATION: none}

#search1 { position:absolute; top:41px; left:697px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
#search2 { position:absolute; top:35px; left:745px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
#search3 { position:absolute; top:37px; left:875px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
#search4 { position:absolute; top:12px; left:940px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }

#pwc {position:absolute; width:155px; top:106px; left:805px;}

.home { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0066CC; text-decoration:none; }
.home a:link { color:#0066CC; text-decoration:none; }
.home a:visited { color:#0066CC; text-decoration:none; }
.home a:active { color:#0066CC; text-decoration:none; }
.home a:hover { color:#0066CC; text-decoration:underline; }
#topLogin { position:absolute; top:125px; left:915px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }

#ftr { font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:20px; color:#666666; text-align:center; }
.ftr { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:none; }
.ftr a:link { color:#666666; text-decoration:underline; }
.ftr a:visited { color:#666666; text-decoration:underline; }
.ftr a:active { color:#666666; text-decoration:underline; }
.ftr a:hover { color:#666666; text-decoration:underline; }

A.serv:link
{
    COLOR: #000000;
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.serv:visited
{
    COLOR: #000000;
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.servicewh:link
{
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.servicewh:visited
{
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.serv:active
{
    COLOR: #ffcc99;
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.serv:hover
{
    COLOR: #000000;
    FONT-FAMILY: verdana,arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
