* {
margin:0;
padding:0;
border:0;
}

body {
margin:0 0 0 30px;
padding:0;
border:0;
background-color:#f2f2e1;
}          

body {
    margin: 0px 0px;
    padding: 0px;
    text-align: center;
}


p {
   font-family: Tahoma, Geneva, arial, "lucida console", sans-serif;
   font: italic;
   font-weight:normal;
   text-align:left;
   padding:10px 40px 0 40px;
}

.logo {
background-repeat: no-repeat;
margin: 0 5px 0 5px;
}

.logo a {
background-position: bottom;
height:339px;
width:151px;
}

.logo a img,.logo a span  {
position:absolute;
display:none;
}

.logo a:hover img,.logo a:hover span {
display:block;
}

.logoimage2 {
position:relative;
top:260px;
}

.logo a span {
margin-top:190px;
color:#f2e191;
background-color:#333333;
width:100%
}

.logox {
float:left;
position:relative;
width:140px;
height:308px;
margin-right:5px;
}

.logox a {
width:100%;
height:100%;
}

.logox a div {
display:none;
}

.logox a:hover div  {
display:block;
cursor:pointer;
}


/* set millions of background images */
.rbroundboxb { background: url(images/ntb.gif) repeat; padding-top:20px}
.rbtopb div { background: url(images/tlb.gif) no-repeat top left; }
.rbtopb { background: url(images/trb.gif) no-repeat top right; }
.rbbotb div { background: url(images/blb.gif) no-repeat bottom left; }
.rbbotb { background: url(images/brb.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopb div, .rbtopb, .rbbotb div, .rbbotb {
width: 100%;
height: 17px;
font-size: 1px;
}

h1 {
   font-family: arial, "lucida console", sans-serif;
   font: italic;
   font-weight:bold;
}

h2 {
   font-family: Tahoma, Geneva, arial, "lucida console", sans-serif;
   font: italic;
   font-weight:bold;
   text-align:center;
}


h3 {
   font: italic;
   text-align:center;
   font-family: Tahoma, Geneva, arial, "lucida console", sans-serif;
}

a {
background-repeat:no-repeat;
text-decoration:none;
font-weight:bold;
font-family: arial, "lucida console", sans-serif;
}

ul {
list-style-type:none;
list-style-position:outside;
}

.quote {
border-top:10px;
font-style: italic;
}

.subtitle {
   font-family: Tahoma, Geneva, arial, "lucida console", sans-serif;
   font: italic;
   font-weight:bold;
   text-align:center;
   color:blue;
}

.inputbutton {
cursor:pointer;
background-color:#333333;
color:#f2e191;
border:1px solid #333333;
font-weight:bold;
}

.inputbutton:hover {
color:#d1aaa5;
}

input.button {
cursor:pointer;
padding-top:50px;
width:84px;
height:76px;
background-image: url(images/basket.png);
font-size:16px;
font-weight:bold;
font-style:normal;
color:#f2e191;
font-family: arial, "lucida console", sans-serif;
}

input.button:hover {
color:#d1aaa5;
background-position: 0px -76px;
}

input.paybutton {
cursor:pointer;
padding-top:50px;
width:84px;
height:76px;
background-image: url(images/basket.png);
font-size:16px;
font-weight:bold;
font-style:normal;
color:#f2e191;
font-family: arial, "lucida console", sans-serif;
}

input.paybutton:hover {
color:#d1aaa5;
background-position: 0px -76px;
}

input.qtyinput {
background-image: url(images/logoinput.png);
background-repeat: no-repeat;
border: 0;
padding: 0;
spacing: 0;
margin: 0;
width:52px;
height:37px;
padding-top:5px;
font-size:20px;
font-weight:bold;
text-align:right;
background-color:#f1f1e0;
text-align:center;
}

/* commented backslash hack \*/
html, body {
  height:100%;
}
/* end hack */

#outer{
  min-height:100%;
  margin-bottom:-55px;
  height:auto;
}

* html #outer{
  height:100%;
}

#footer {
  width:100%;
  clear:both;
  height:55px;
  color: #ffffff;
  background: url(images/footertop.png) repeat-x;
  background-color: #262626;
}

#footer ul {
  padding-top:25px;
  padding-left:5px;
}

#clearfooter {
  clear:both;
  height:55px;
}

div>p {
  margin:0
  }

html>body #minHeight {
  float:left;
  width:0px;
  height:100%;
  margin-bottom:-55px;
} /*safari wrapper */

#links {
  float:right;
  position:relative;
  top:20px;
  right:40px;
}

#links a {
  height: 44px;
  width: 60px;
  float:left;
  text-align:center;
  color:white;
  display:block;
  background-position: 0px -44px;
}

#links a:hover {
  background-position: 0px 0px;
}

#links a:active {
  background-position: 0px -88px;
}

#footer li {
  text-decoration:none;
  border-right: 1px solid white;
  padding-left:5px;
  padding-right:5px;
  display:inline;
  float:left;
}

#footer li a{
  color:white;
  font-weight:bold;
  text-decoration:none;
}

#footer li a:hover{
  text-decoration:underline;
}