body{
    background-color: #eeeeee;
    background-image: url(../images/header-bg.jpg) ;
    background-repeat: repeat-x;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #484747;
}

p.spacedafter {
    margin-bottom: 7px;
}

h1{
    font-weight: 100;
    font-size: 14px;
    color: #f7941d;
    margin-top: 0px;
    margin-bottom; 5px;
}

.footer {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10px;
    color: #ffffff;
}

.find {background-color: green;}
.find2 {background-color: blue;}
.clear {clear:both; float:none;}



/* body links */
a:link {font-family: Lucida Sans, Arial, Helvetica, Sans-Serif; font-size: 12px; color:#442567; text-decoration: underline;}     /* unvisited link */
a:visited {color: black}  /* visited link */
a:hover {color: black; text-decoration:none;}   /* mouse over link */
a:active {color: grey;}   /* selected link */

/* footer link */
a.footer:link {font-family: Arial, Verdana; font-size: 10px; color: #ffffff; text-decoration: underline;}     /* footer unvisited link */
a.footer:visited {color: #ffffff;}  /* footer visited link */
a.footer:hover {color: #ffffff; text-decoration:none;}   /* footer mouse over link */
a.footer:active {color: #ffffff;}   /* footer selected link */

/* navlink */
a.nav:link {font-family: Arial, Verdana; font-size: 12px; color: white; text-decoration: none; margin-right:8px; margin-left:15px;}     /* nav unvisited link */
a.nav:visited {font-family: Arial, Verdana; font-size: 12px; color: white; text-decoration: none; margin-right:8px; margin-left:15px;}  /* nav visited link */
a.nav:hover {font-family: Arial, Verdana; font-size: 12px; color: white; text-decoration: none; margin-right:8px; margin-left:15px; text-decoration:underline;}   /* nav mouse over link */
a.nav:active {font-family: Arial, Verdana; font-size: 12px; color: white; text-decoration: none; margin-right:8px; margin-left:15px;}   /* nav selected link */

/* pathlink */
a.path:link {font-family: Arial, Verdana; font-size: 15px; color: black; text-decoration: none; margin-right:10px; margin-left:0px; font-weight: bold}     /* nav unvisited link */
a.path:visited {font-family: Arial, Verdana; font-size: 15px; color: black; text-decoration: none; margin-right:10px; margin-left:0px; font-weight: bold}  /* nav visited link */
a.path:hover {font-family: Arial, Verdana; font-size: 15px; color: black; text-decoration: none; margin-right:10px; margin-left:0px; font-weight: bold; text-decoration:underline;}   /* nav mouse over link */
a.path:active {font-family: Arial, Verdana; font-size: 15px; color: black; text-decoration: none; margin-right:10px; margin-left:0px; font-weight: bold;}   /* nav selected link */


#maincontainer{
    width:100%;
    height:100%;
}
#contentcontainertop{
    width: 820px;
    height: 100%;
    margin: 0 auto 0 auto;
}

div.pagebreak{
    width: 100%;
    height: 2px;
    margin-bottom: 10px;
    background-image: url(../images/pagebreak.gif);
    background-repeat: repeat-x;
}

#header{
    width:820px;
    height:104px;
}

#logo {
    width: 410px;
    height: 104px;
    background-image: url(../images/logo.gif);
    float: left;
}

#navcontainer{
    width: 410px;
    height: 104px;
    float: right;
}
.hasCart { height:52px !important; }
#navcontent{
    width: 410px;
    height: 15px;
    position: relative;
    top: 75px; 
}
.hasCart #navcontent { top:25px !important; }
#maincontent-left{
  width: 400px;
  height: auto;
  margin-left: 10px;
  float: left;
}

#introimage{
  width: auto;
  height: 57px;
  margin-top:30px;
}

#viewproducts{
    width: 293px;
    height: 57px;
    margin-top: 25px;
}

#maincontent-right{
  width: 400px;
  height: auto;
  margin-left: 10px;
  float: right;
}

#contentcontainerbottom{
    width: 820px;
    height: 100%;
    margin: 0 auto 0 auto;
}

div.bottomcolumncontainerL{
    width: 388px;
    height: 200px;
    float: left;
    margin: 10px 10px auto 10px;
    border: 1px solid orange;
    background-color: #ffffff;
    overflow: hide;
}

div.bottomcolumncontainerR{
    width: 388px;
    height: 200px;
    float: left;
    margin: 10px 10px auto 10px;
    overflow: hide;
}

div.bottomcolumncontent{
    width: 370px;
    height: 180px;
    margin: 10px auto auto auto;
}

div.featuretext{
    width: 220px;
    height: 100%;
    float: left;
}

div.featurepic{
    width: 150px;
    height: 100%;
    float: right;
    text-align: center;
}

#footercontainer{
    width: 100%;
    height: 200px;
    margin-top: 30px;
    background-color: #f7941d;
    text-align: right;
    border-top: 1px solid white;
}

#footercontent{
    width: 800px;
    height:13px;
    text-align: right;
    margin:  10px auto 0 auto;
}
