body {
  background: #E8E8E8;
/* #FFD5A4 url(../images/grad.png) repeat-x; */
/*FFCC93, FFD09A, FFD3A0*/
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  min-width:600px;
}

small {
  font-size:smaller;
}

a {
color: #0000CC;
}
a:hover {
	color:#A60586;
}

h1, h2, h3, p, label {
color: #000;
padding-left: 5px;
}

/* Header styles */

#header {
	width:auto;
  margin:auto;
  text-align:center;
}

#header {
	
}

#nav {
	background:#eee;
	margin:2px 6px 2px 6px;
  border-bottom:2px solid #B7ADAD;
  border-top:2px solid #B7ADAD;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0.5em 0 0.5em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

.col2 {
overflow:visible;
}

/* 3 Column settings */
.threecol {
	background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:19%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:60%;			/* width of the middle column */
	background:#eee;	/* left column background colour */
}
.threecol .col1 {
	width:59%;			/* width of center column content (column width minus padding on either side) */
	left:100.5%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:20%;			/* Width of left column content (column width minus padding on either side) */
	left:20.5%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:18%;			/* Width of right column content (column width minus padding on either side) */
	left:81.5%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Locale styles */

.locale {
	border: dotted 1px #DDDDDD;
	padding: 5px;
  margin: 2px 0 2px 0;
	font-size: 10px;
	background: #FCFCFC;
}
.locale p {
	line-height: 1.6363;
}
.locale li {
	padding-left: 10px;
	background: url(/images/catalog/li.png) no-repeat 0 6px;
	margin: 6px 0;
}
.locale img {
  border: solid 1px #000;
margin:0;
}

#enablejs {
  background:#FFCCCC none repeat scroll 0 0;
  border:1px solid #FF6666;
  margin-top:4px;
  padding:4px;
  font-family:"trebuchet ms",sans-serif;
  font-size:90%;
}

/* Header menu */

.images {background:#c00; width:20px; padding:1px;} /* not part of the menu */

#outer {position: relative; padding:2px 0; border:1px solid #a50; border-color:#a50 #fa5 #610 #fa5; background:#f2a057 url(../images/app/grad.gif) repeat-x bottom left; margin:24px 0 0 0; top: -16px;}

#point {display:table; padding:0; margin:0 auto; list-style:none; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0;}
#point li a {float:left; font-family:arial; font-size:0.8em; height:2.5em; line-height:2.5em; letter-spacing:1px; padding:0 1em; text-decoration:none; color:#fff; background:#f2a057 url(../images/app/grad.gif) repeat-x bottom left; border-right:1px solid #d60; border-left:1px solid #fb6;}
#point li a:hover, #point li a.current {background:#e93 url(../images/app/down_arrow.gif) no-repeat center top; color:#fff;}
#point li a:hover b, #point li a.current b {display:block; float:left; background:transparent url(../images/app/up_arrow.gif) no-repeat center bottom; cursor:pointer}

/* sidebar font */
.menu {
  font-family:"trebuchet ms", sans-serif;
}

/* Class for header of iterating objects, section, brand */
.header {
  font-family:"trebuchet ms", sans-serif;
  background: none repeat scroll 0 0 #eee;
	border: dotted 1px #EBB52F;
  padding: 0.3em;
  margin-bottom: 0.2em;
}

.header h1 {
  color: #006699;
  padding-bottom: 0.2em;
  border-bottom: dotted 1px #EBB52F;
  margin-bottom: 0.2em;
}

.header p {
  font-weight: lighter;
  font-size: 80%;
  text-align:justify;
}

.header img {
  float:right;
  margin-bottom:0.5em;
  margin-left:0.5em;
}

.article {
  font-family:"trebuchet ms", sans-serif;
  background: none repeat scroll 0 0 #E8E6E6;
	border: dotted 1px #EBB52F;
  padding: 0.3em;
  margin-bottom: 0.2em;
}

.article h1 {
  color: #622D00;
  padding-bottom: 0.2em;
  border-bottom: dotted 1px #EBB52F;
  margin-bottom: 0.2em;
}

.article p {
  font-weight: lighter;
  font-size: 80%;
  text-align:justify;
}

.article img {
  float:right;
  margin-bottom:0.5em;
  margin-left:0.5em;
}

.product {
  background:transparent url(../images/app/mcol_back.png) repeat;
  width:100%;
  padding: 0.2em;
  font-family:"trebuchet ms", sans-serif;
  border-bottom:3px solid #B7ADAD;
}

.product table {
  width:99%;
  vertical-align:middle;
  border-collapse: separate;
}

.product table th {
  font-size:100%;
  color:#006699;
}

.labels {
  color:#006699;
  font-size:80%;
}

.contents {
  font-weight:lighter;
  font-size:80%;
}

div.contents {
  padding: 0.2em;
}

.product img {
  border:1px solid #B7ADAD;
  padding:0.25ex;
}

table.details {
  border-bottom: solid 1px #eee; 
  border-spacing: 0.3em 0.3em;
  width:auto;
  margin-left:0.2em;
}

.tag a {
  padding:0 0.3em 0 0.3em;
  font-size:70%;
  width:100%;
}

table.tag {
  width:100%;
}

.tag img {
  vertical-align: middle;
  border:none;
}

.sidebrands {
	border: dotted 1px #DDDDDD;
	padding: 5px;
	background: #FCFCFC;
  text-align: center;
}

.sidebrands a {
	color: #EC9342;
  padding: 0.2em;
}

.sidebrands h1 {
	color: #EC9342;
  font-family:"trebuchet ms", sans-serif;
	font-size: 90%;
}

.sidebrands a:hover {
	color: #006699;
  background: none repeat scroll 0 0 #DDDDDD;
}

.sidebrands p {
	padding-bottom:0.2em;
  text-align: right;
	font-size: 70%;
}

.sidebrands li {
  border-bottom:2px solid #B7ADAD;
  padding :0.3em;
	padding-bottom:0.4em;
}


#brand {
  padding : 0 0 0.3em 0;
  text-align: left;
  color:#88BB22;
  font:90% arial;
}

.contact h1 {
	color: #88BB22;
  font-family:"trebuchet ms", sans-serif;
	font-size: 90%;
  padding: 0.3em;
  margin-bottom: 0.2em;
  display: inline;
}

.contact img {
  vertical-align: middle;
}

.brand {
font-family:"trebuchet ms", sans-serif;
padding: 0.3em;
}

.brand img {
  float:right;
}

.brand p {
	padding: 0.7em 0 0.2em 0;
  font-weight: lighter;
	font-size: 80%;
  text-align:justify;
}

.brand h2 {
  padding: 0.5em 0.5em 0.1em 0;
	font-size: 60%;
}

.brand h1 {
	padding: 0.5em 0.5em 0.1em 0;
}

.flashnotice {
background-color: #e8e8e8;
padding: 4px;
text-align: center;
color: #666;
border-left: solid 5px #66f;
background-color: #bbf;
}

/* Pagination */

.pagination {
  font-family:"trebuchet ms", sans-serif;
  font-size:70%;
  padding: 4px 5px 4px 5px;
	margin: 4px 5px 4px 5px;
}

.pagination a {
	color: #EC9342;
  padding: 0.2em;
}

.pagination h1 {
	color: #EC9342;
  font-family:"trebuchet ms", sans-serif;
	font-size: 90%;
}

.pagination a:hover {
	color: #006699;
  background: none repeat scroll 0 0 #DDDDDD;
}

/* Footer styles */

#footer {
  font-family:"trebuchet ms", sans-serif;
  font-size:70%;
	clear:both;
	float:left;
	width:100%;
	border-top:2px solid #B7ADAD;
  text-align:center;
}

#footer p {
	padding:10px;
	margin:0;
}