/* -------Base Template ------ */
body {
    margin: 0; /* to avoid margins */
    text-align: center; /* to correct the centering IE bug*/
    padding: 0;
    background: #eee url(../images/f_top_bg.png);
    background-repeat: repeat-x;
}

#global {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 950px;
    margin-left: -475px; /* half of the width */
    text-align: left;
}

/*top container*/
#header {
    position: relative;
    width: 950px;
    height: 80px;
}

#logo {
    position: relative;
    width: 420px;
    height: 80px;
    top: 0px;
    float: left;
    left: 0px; /*to move the logo from the edge*/
}

#topad {
    position: relative;
    width: 468px;
    height: 60px;
    float: right;
    top: 7px;
    right: 12px;
    /*border: 1px solid #000;*/
    background-color: white;
}

/*optional*/
#t_left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 80px;
}

#t_right {
    position: absolute;
    top: 0px;
    left: 30px;
    width: 890px;
    height: 80px;
}

#t_center {
    position: absolute;
    top: 0px;
    left: 920px;
    width: 30px;
    height: 80px;
}

/*spacer div below header*/
#spacer {
    position: relative;
    width: 950px;
    height: 15px;
}

/*navigation bar*/
#nav {
    position: relative;
    width: 950px;
    height: 21px;
    background: url(../images/ff_top.png);
}

#topnav {
    position: relative;
    padding: 0px;
    margin: 0px;
    float: right;
    right: 18px;
}

/*main container*/
/*watch out for different backgroung pics than rest of the site*/
#main {
    position: relative;
    width: 950px;
    height: 1655px;
    background-color: #FFF;
}

#leftside {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 210px;
    height: 875px;
    background: url(../images/ff_left.png);
    background-repeat: repeat-y;
}

#rightside {
    position: relative;
    top: 0px;
    float: right;
    width: 12px;
    height: 875px;
    background: url(../images/ff_right.png);
    background-repeat: repeat-y;
}

/*bottom container*/
#footer {
    position: relative;
    width: 950px;
    height: 21px;
    background: url(../images/ff_bot.png);
}

/*optional*/
#b_left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 21px;
}

#b_right {
    position: absolute;
    top: 0px;
    left: 30px;
    width: 890px;
    height: 21px;
}

#b_center {
    position: absolute;
    top: 0px;
    left: 920px;
    width: 30px;
    height: 21px;
}

#copy {
    position: absolute;
    left: 650px;
    top: 0px;
    width: 315px;
    height: 12px;
}

#links {
    position: absolute;
    left: 210px;
    top: 3px;
    width: 150px;
    height: 12px;
}

/* New footer */
#spacer2, #spacer3 {
    position: relative;
    width: 950px;
    height: 10px;
    background: #eee;
}

#extended {
    position: relative;
    width: 950px;
    height: 350px;
    background: white;
}

#extcont {
    position: absolute;
    width: 928px;
    height: 328px;
    top: 10px;
    left: 10px;
    border: 1px solid gray;
    /*background: #eee url(../images/tlo2.gif);*/
}

/* -------  Main Divs -------- */
/* left margin div full length*/
#lkup {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 190px;
    height: 872px;
    border: 1px solid gray;
    background: url(../images/tlo2.gif);
}

/* left margin div for ads */
#ad2 {
    position: absolute;
    top: 6px;
    left: 15px;
    width: 160px;
    height: 600px;
    background-color: white;
}

/* description div */
#title {
    position: absolute;
    top: 0px;
    left: 210px;
    width: 728px;
    height: 395px;
    /*background-color: #FFF;*/
    background-color: #eee;
    /*border: 1px solid gray;*/
}

#catsrch {
    position: absolute;
    top: 400px;
    left: 210px;
    width: 360px;
    height: 1245px;
    /*background-color: #FFF;*/
    background-color: #eee;
    border: 1px solid gray;
}

#cart {
    position: absolute;
    top: 400px;
    left: 578px;
    width: 360px;
    height: 1245px;
    /*background-color: #FFF;*/
    background-color: #eee;
    border: 1px solid gray;
}

/* ad div under tabs */
#ad3 {
    position: absolute;
    top: 1700px;
    left: 210px;
    width: 728px;
    height: 15px;
    background: red;
}

/* New footer formatting divs */
#extcontT, #extcontB, #extcontD {
    position: absolute;
}

#extcontT {
    width: 607px;
    height: 30px;
    top: 7px;
    left: 7px;
}

#extcontB {
    width: 607px;
    height: 280px;
    top: 40px;
    left: 7px;
}

#extcontB1 {
    position: absolute;
    width: 300px;
    height: 280px;
    top: 0px;
    left: 0px;
}

#extcontB2 {
    position: absolute;
    width: 300px;
    height: 280px;
    top: 0px;
    left: 307px;
}

#extcontD {
    width: 300px;
    height: 312px;
    top: 7px;
    left: 621px;
}

#extcontD1 {
    position: absolute;
    width: 300px;
    height: 30px;
    top: 0px;
    left: 0px;
}

#extcontD2 {
    position: absolute;
    width: 300px;
    height: 280px;
    top: 32px;
    left: 0px;
}

#copy2 {
    position: absolute;
    left: 5px;
    top: 260px;
    width: 285px;
    height: 20px;
}

#adft {
    position: absolute;
    left: 30px;
    top: 200px;
    width: 235px;
    height: 60px;
    background-color: red;
}

#adft2 {
    position: absolute;
    left: 40px;
    top: 200px;
    width: 468px;
    height: 60px;
    background-color: gray;
}

/* ----- Functional Divs ------ */
/* ----------- general ------------------ */
.fst {
    color: #CCCCCC;
}

.snd {
    color: white;
}

.frt {
    color: black;
    font: bold 11px Arial, Verdana, sans-serif; /* padding:0px; margin:0px;*/ /*background-color:#eee;border:1px dotted #cccc66;*/
}

.main {
    font: 12px Arial, sans-serif;
    margin: 10px 40px 0px 70px;
    color: #333333;
}

.hdr {
    font: bold 12px Arial, sans-serif;
    color: gray;
    margin-left: 5px;
    color: #336699;
}

.sml {
    font: 9px Arial, sans-serif;
    color: #336699;
}

.med {
    font: 11px Arial, sans-serif;
    color: #336699;
}

h1 {
    font: bold 18px Arial, sans-serif;
    color: #ff0000;
    margin: 5px 10px 5px;
    padding: 0px;
}

h2 {
    font: bold 14px Arial, sans-serif;
    color: white;
    background-color: #6699CC;
    margin-top: 7px;
}

h4 {
    font: bold 14px Arial, sans-serif;
    background-color: #ff0000;
}

h5 {
    font: 11px Arial, sans-serif;
    margin: 0px;
    background-color: #EAEAEA;
    padding: 5px;
    border: 1px dotted gray;
    text-align: justify;
}

p {
    font: 10px Arial, sans-serif;
    padding: 5px;
    margin: 0px;
    color: gray;
}

hr {
    margin-left: 5px
}

/* top nav links format */
#topnav a {
    text-decoration: none;
    font: bold 11px Arial, Verdana, sans-serif; /*padding:0px; margin:0px;*/
}

#topnav a:link {
    color: gray;
}

#topnav a:visited {
    color: gray;
}

#topnav a:hover {
    color: #ff0000;
}

/* extras div format */
#extras a {
    font: bold 11px Arial, sans-serif;
    padding-left: 5px;
    color: #336699;
}

/* saved locations link format */
#savehead a {
    color: #336699;
}

/* map info baloon format */
#adrbln p {
    font: 11px Arial, sans-serif;
    padding: 5px;
    margin: 0px;
    color: black;
}

/*for FF to remove outline on selected!!!*/
a {
    -moz-outline-style: none;
}

/* text has to have properties othervise small divs  not show properly in IE */
/* New footer content format */
#extcontD2 a {
    text-decoration: none;
    font: 11px Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

#extcontD2 a:link {
    color: black;
}

#extcontD2 a:visited {
    color: black;
}

#extcontD2 a:hover {
    color: #ff0000;
}

#extcontB1 a {
    text-decoration: none;
    font: 11px Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

#extcontB1 a:link {
    color: black;
}

#extcontB1 a:visited {
    color: black;
}

#extcontB1 a:hover {
    color: #ff0000;
}

#extcontB2 a {
    text-decoration: none;
    font: bold 14px Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

#extcontB2 a:link {
    color: #666666;
}

#extcontB2 a:visited {
    color: #666666;
}

#extcontB2 a:hover {
    color: #ff0000;
}

#extcontT a {
    text-decoration: none;
    font: bold 18px Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

#extcontT a:link {
    color: #FF0000;
}

#extcontT a:visited {
    color: #FF0000;
}

#extcontT a:hover {
    color: #ff9900;
}

.ftt {
    font: bold 12px Arial, sans-serif;
    color: #336699;
}

#extcontD2 p {
    margin-left: 10px;
}

#extcontB p {
    margin-left: 10px;
}

h6 {
    font: bold 18px Arial, sans-serif;
    color: #336699;
    margin: 5px 5px 5px;
    padding: 0px;
}