body {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

.keywords {  margin-top: 0; font-size: 12px; font-weight: bold; }
.phonenumber { font-size: 10px; font-weight: normal; }
.red { color: #900; } .basic { color: darkblue;}
.blue { color: darkblue; } .total { color: purple; }
.title { font-size: 12px; font-weight: bold; }
#product .operation { font-size: 12px; font-weight: bold; color: #900; }
.operation { font-size: 12px; color: darkblue; }
.price { font-size: 11px; }
.ship { font-size: 12px; color: #c00; font-weight: bold; }
.shipdisclaim { font-size: 10px; }
.sale { color: #c00 }
.hinge_select { background-color: lightgrey; margin-bottom: 3px;}

ul {
   margin: 0 5px 0 5px;
   padding: 0 0 0 5px;
}
li {
   list-style: none;
}
.buy {
   float: none;
   border: none;
   padding-left: 5px;
   vertical-align: top;
   border: 1px solid white;

}

a:hover img.buy { background-color: #fff; }

#container {
   position:absolute;
   left:187px;
   width:600px;
}

/* autoloc index styles */
#main {
   overflow: auto;
	width: 520px;
	border: 1px solid black;
}
#main h1 {
	font-size: 16px;
	font-weight: bold;
	background-color: #F04F37;
	border-bottom: 1px solid black;
   margin-top: 0;
}
.cell {
	width: 172px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cell a {
   color: darkblue;
   text-decoration: none;
}
.cell img {
	border: 1px solid black;
}
.celltext {
	font-size: 10px;
	text-align: center;
	padding-top: 2px;
}
#nav {
	width: 520px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	border-top: 1px solid black;
}
#nav li {
	float: left;
	width: 24%;
	list-style: none;
	padding: 3px 0 3px 0;
	border-right: 3px solid white;
	border-left: 2px solid white;
   background: url(images/tab-bottom.gif) bottom no-repeat;
   background-color: #F04F37;
}
#nav li a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: black;
}
#nav li a:hover {
   background-color: #F3BAB1;
}

/* */
#product {
   width: 448px;
   font-size: 10px;
}
#product h1 {
	font-size: 16px;
	font-weight: bold;
   margin: 0 0 5px 0;
   text-align: center;
}
#product .automat_bar {
   font-size: 16px;
   font-weight: bold;
   padding: 7px 0 7px 0;
   border: 3px double white;
}
#product .col1 {
   clear: both;
   float: left;
   width: 136px;
}
#product .col1 img {
   border: 1px solid black;
}
#product .col2 {
   float: left;
   width: 212px;
   text-align: left;
}
#product .col3 {
   float: left;
   width: 100px;
   text-align: left;
}
#product .col3 li {
   padding-bottom: 15px;
}
#product .acc_pic {
   float: left;
   width: 140px;
   height: 215px;
   border-left: 2px solid #e4f1eb;
   border-top: 2px solid #e4f1eb;
   border-bottom: 2px solid #e4f1eb;
}
#product .acc_text {
   float: left;
   width: 302px;
   height: 215px;
   border: 2px solid #e4f1eb;
   text-align: left;
}
#product li a {
   font-size: 11px;
   color: darkblue;
   text-decoration: none;
}
#product li a:hover {
   background-color: lightblue;
   text-decoration: none;
}

#main .autocol {
   float: left;
   width: 40%;
   margin: 10px 15px 10px 15px;
   font-size: 10px;
   text-align: left;
}
#main .autocol h2 {
   font-size: 14px;
}
#main h2 a {
   color: black;
   text-decoration: none;
}
#main h2 a:hover {
   color: darkblue;
   text-decoration: none;
   background-color: lightblue;
}
#main .autocol img {
   padding-left: 35%;
   padding-bottom: 10px;
}
#main .autocol ul { padding: 0 0 0 0;}
#main .autocol li {
   padding-bottom: 0px;
}
div .autocol .price {
   color: #c00;
}
#main .autocol li a {
   font-size: 11px;
   text-decoration: none;
   color: darkblue;
}
#main .autocol li a:hover {
   background-color: lightblue;
   text-decoration: none;
}

/* heading and background colors */
.lux {
   background-color: #f4e4df;
}
.luxhead {
   background-color: #cc3333;
   color: white;
}
.luxborder {
   border: 3px double #cc3333;
}
.rtg {
   background-color: #e8fac5;
}
.rtghead {
   background-color: #73a80f;
   color: white;
}
.rtgborder {
   border: 3px double #73a80f;
}
.shavehead {
   background-color: #508d70;
   color: white;
}
.shave {
   background-color: #9ADDBD;
}
.shaveborder {
   border: 3px double #508d70;
}
.key {
   background-color: #e4f1eb;
}
.keyhead {
   background-color: #38634f;
   color: white;
}
.keyborder {
   border: 3px double #38634f;
}
.convhead {
   background-color: #f4a453;
}
.conv {
   background-color: #fbddbf;
   font-size: 10px;
}
.convborder {
   border: 3px double #f4a453;
}
.convr {
   font-size: 10px;
   border-top: 2px solid #fbddbf;
   border-left: 2px solid #fbddbf;
   border-bottom: 2px solid #fbddbf;
   border-right: 1px solid #fbddbf;
}
.convl {
   font-size: 10px;
   border-top: 2px solid #fbddbf;
   border-left: 1px solid #fbddbf;
   border-bottom: 2px solid #fbddbf;
   border-right: 2px solid #fbddbf;
}
.conv a {
   font-size: 11px;
   color: darkblue;
   text-decoration: none;
}
.conv a:hover {
   background-color: lightblue;
}

#compare {
   clear: left;
   width: 434px;
   font-size: 10px;
   text-align: left;
   color: darkblue;
   padding: 5px;
}

#legend {
   clear: left;
   width: 434px;
   font-size: 12px;
   text-align: left;
   padding: 5px;
}

/* Tooltip code */
a.info {
   position:relative;
   z-index:25;
   font-size: 11px;
   color:#000;
   text-decoration:none;
}
a.info:hover { z-index:24; color: darkblue; background-color: lightblue; }
a.info span { display: none; }
a.info:hover span {
   display:block;
   position:absolute;
   top:2em; left:2em; width:40em;
   border:1px solid black;
   padding: 0 5px 0 5px;
   color: #000;
   text-align: left;
}
a.info span div {
   display: inline;
}

#gutter {
   position:absolute;
   top:260px; left:650px;
   width:175px;
   border:1px solid black;
   z-index: 1;
}
#gutter ul { margin: 0 0 0 0; padding: 0 0 0 0;  }
#gutter li {
   margin: 0 0 0 5px;
   padding: 0 0 0 0;
}
#gutter .title {
   margin: 0 0 0 0;
   margin-bottom: 3px;
   background-color: lightgrey;
   border-bottom: 1px solid black;
}
#gutter .button {
   line-height: 14px;
   vertical-align: bottom;
}
#gutter .text {
   padding-left: 5px;
   padding-bottom: 5px;
   line-height: 12px;
}
#gutter a {
   color: darkblue;
   text-decoration: none;
   font-size: 11px;
}
#gutter a:hover {
   background-color: lightblue;
}

#desc {
   clear: left;
   width: 448px;
   font-size: 10px;
   text-align: left;
}
#desc li a {
   font-size: 11px;
   color: darkblue;
   text-decoration: none;
}
#desc li a:hover {
   background-color: lightblue;
   text-decoration: none;
}
#desc ul {
   padding: 0 0 15px 0;
}
#accesories {
   width: 434px;
   font-size: 10px;
   text-align: left;
   padding: 5px;
   border: 3px double red;
}
#accesories li a {
   font-size: 11px;
   color: darkblue;
   text-decoration: none;
}
#accesories li a:hover {
   background-color: lightblue;
   text-decoration: none;
}

.crosssell {
   clear: left;
   width: 448px;
   font-size: 10px;
   text-align: left;
}
.crosssell img {
   float: left;
   padding-bottom: 10px;
}
.crosssell li {
   padding-left: 5px;
}
.crosssell a {
   color: black;
   text-decoration: none;
}


#desctext {
	width: 520px;
	text-align: left;
}
#desctext p { font-size: 12px; font-wieght: normal; }

#links {
   width: 600px;
   font-size: 10px;
   text-align: center;
}
#links li {
   display: inline;
   list-style: none;
}
#links a {
   color: darkblue;
   text-decoration: none;
}
#links a:hover {
   background-color: lightblue;
}