@import url("menu.css");

/* CSS Document */
* {
margin: 0;
padding: 0;
}

body {
text-align: center; 
background-color: #FFFFFF;
min-width: 700px;
font: 75% Arial, Helvetica, sans-serif;
margin-top:10px;
size: 11px;
}
img {
border:0;
}
a {
text-decoration:none;
color:#c64b17;
}
a:hover {
 color: #990033;
 }
h1 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
h1 span {
font-size:12px;
}
ul {
/*	list-style: none;*/
}
/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
border: 1px solid #666;
border-top: 0px;
background-color: #C8C8A9;
padding: 5px 18px 15px 18px;
text-align: left;
width: 762px;
margin: 0 auto; 
}

#header, #footer {
color: #000;
clear: both; 
width: 100%;
}

#header {
height: 115px;
border: 1px solid #666;
border-bottom: 0px;
margin: 0 auto;
padding: 0px 18px 0px 18px;
width: 762px;
text-align: left;
}
#footer {
padding: 1px 0;
}
#footer div {
margin-top:-97px;
} 
#contentfloatholder {/* right faux column tab */
float: left;
width: 100%;
}

#contentfloatholder:after, #contentfloatholder:after, div.sbox:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}


#center {
  margin: 0 262px 5px 172px;
  border: 1px solid #666;
  background-color: #999966;
  color:#666;
  padding:5px 7px;
  min-height:329px;
  }


#centerwrap {
  float:left;
  width: 100%; 
  margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 165px;
  margin: 0 0 5px -5%;
  background-color:#FFFFFF;
}
#leftindex {
  float:left;
  width: 165px;
  margin: 1px 0 5px -5%;
}
#right {
  float:right;
  width: 252px;
  margin: 0;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

/* right sideboxes */

div.sbox {
  border: 1px solid #666;
  margin-bottom:5px;
  padding:5px;
  font-weight:bold;
  font-size:smaller;
  background-color:#FFFFFF;
}
div.sbox img {
float:left;
}
div.sbox h2 {
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#990000
}
.sbox p {
  margin-top:5px;
  font-size:11px;
  font-weight:normal;
  color: #333333;
}
.sbox ul {
  padding-left:0;
}

/* search spesific */
.sbox #search_input {
  border:1px solid #ffffff;
}
#searchb {
  background-color: #B7B599;
  color:#fff;
  border: 1px solid #666;
  padding-left:10px;
}

#copyr {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
}
/* related products */

#related {
padding-left:5px;
}

/* index */

#index #center {
  background-color: transparent;
  margin: 0 250px 5px 165px;
  color:#666;
  border:0;
  padding:0;
}
#index object {
  margin-top:5px;
}
#static-page {
  border: 1px solid #666;
  background-color: #fff;
  width: 492px;
  padding: 4px;
}

#handy-hint-page {
  border: 1px solid #666;
  background-color: #FFFFFF;
  width: 492px;
  padding: 4px;
}

#category-center {
  margin: 0 262px 5px 170px;
  width: 318px;
  border: 1px solid #666;
  background-color: #FFFFFF;
  color:#666;
  padding:5px 7px;
  min-height:331px;
  }

#attributes_list {
 margin:0;
 margin-top:10px;
 padding:0;
 list-style-type: square;
 width:150px;
}
#attributes_list li {
 margin:0;
 margin-bottom:4px;
 padding:5px;
 border:1px solid #888;
 cursor:move;
}
.floatthumbnail {
 float: left;
 width: 60px;
 border: 1px solid #999;
 margin: 5px 15px 15px 0;
 padding: 5px;
}
.clearboth {
 clear: both;
 }
a.underline {
 text-decoration: underline;
 }
a.underline:hover {
 text-decoration: none;
 }
.italic {
 font-style: italic;
 }
h1.categorylinks {
 padding-bottom: 0px;
 margin-bottom: 0px;
 font-weight: bold;
 }

/* TinyMCE custom styles */
.block_heading {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
   color: #990000;
}
.block_body {
    font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
    color: #666666;
    font-weight: normal;
}