/* General CSS code */

* {margin:0; padding:0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.replace{
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
}



/* Site-specific code */

body
{
	background-color: #00497D;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 100%;
	margin: 30px 0 20px 0;
}

a:link
{
	color: #FFF;
	text-decoration: underline;
}
a:visited
{
	color: #FFF;
	text-decoration: underline;
}
a:hover
{
	color: #36B3FB;
	text-decoration: underline;
	cursor: hand;
}

h1
{
	color: #FFF;
	font-weight: bold;
	font-size: 1.8em;
}
h1 a:link { text-decoration: none; }
h1 a:visited { text-decoration: none; }
h1 a:hover { text-decoration: none; }

h2
{
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
}

h3
{
	color: #FFF;
	font-weight: bold;
	font-size: .8em;
}

p
{
	color: #FFF;
	font-size: .8em;
	margin: 0 30px 0 0;
}



/* Structure */

div#contentarea
{
	width: 634px;
	margin: 0 auto;
	border-color: #00A6D0;
	border-width: 2px;
	border-style: solid;
	text-align: left;
}

div#toparea
{
	width: 634px;
	height: 148px;
}

div#windowbg
{
	width: 634px;
	background-color: #00588B;
	background-image: url("css_images/switchback2.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#mainarea
{
	width: 634px;
}

div#shopdetails
{
	float: left;
	width: 175px;
}

div#shopdetails h3 { margin: 0 0 .4em 20px; }
div#shopdetails p
{
	margin: 0 0 .9em 28px;
	font-size: .7em;
}

div#services
{
	background-color: #00A6D0;
	padding: 7px 7px 7px 5px;
	margin: 40px 0 0 0;
	font-size: .75em;
	width: 150px;
}
div#services h2 { color: #004152; }
div#services ul
{
	list-style: none;
}
div#services li
{
	margin: 7px 0 0 0;
	color: #002D38;
}


div#homepagecontent { margin: 0 0 0 200px; }
div#homepagecontent h1 { padding: 20px 0 0 0; }
div#homepagecontent h2 { padding: 5px 0 0 20px; }
div#homepagecontent p { padding: 5px 0 5px 0; font-size: .9em; line-height: 1.3em; }
div#homepagecontent a { text-decoration: none; }

div#pagecontent
{
	padding: 15px 0 0 0;
	margin: 0 0 0 175px;
	right: 175px;
}
div#pagecontent h1 { padding: 5px 0 0; }
div#pagecontent p { padding: 5px 0 5px 0; }

div#bottomnav { padding: 30px 0 10px 150px; }
div#bottomnav li
{
	display: inline;
	list-style-type: none;
	padding: 0 14px 0 0;
	color: #FFF;
	font-size: 8pt;
}
div#bottomnav span
{
	color: #36B3FB;
	font-weight: bold;
	font-size: 8pt;
}

div#note
{
	padding: 20px 0 0 30px;
}
div#note p
{
	font-style: italic;
	color: #4CF;
}

.announce
{
	padding-top: 20px;
	margin-right: 20px;
}
.announce p
{
	padding: 15px;
	font-size: 1em;
	line-height: 1.4em;
	color: #FFF;
	background-color: #F30;
}


/* Image replacements */

#switchback-img, #switchback-img span
{
	width: 634px;
	height: 148px;
	background-image: url("css_images/switchback1.jpg");
}


div.mfg
{
	width: 424px;
	height: 34px;
	padding: 20px 0 7px 0;
}
div.mfg h3 { line-height: 34px; }
#mfg-felt-img, #mfg-felt-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-felt.gif");
}
#mfg-fisher-img, #mfg-fisher-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-fisher.gif");
}
#mfg-mirraco-img, #mfg-mirraco-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-mirraco.gif");
}
#mfg-intense-img, #mfg-intense-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-intense.gif");
}
#mfg-khs-img, #mfg-khs-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-khs.gif");
}
#mfg-lemonde-img, #mfg-lemonde-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-lemonde.gif");
}
#mfg-santacruz-img, #mfg-santacruz-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-santacruz.gif");
}
#mfg-trek-img, #mfg-trek-img span
{
	width: 424px;
	height: 34px;
	background-image: url("css_images/mfg-trek.gif");
}



/* Bottom of page */

div#bottom
{
	width: 634px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
}

div#copyright
{
	text-align: center;
	float: left;
}
div#copyright p
{
	color: #00A6D0;
	font-size: .8em;
	padding: .2em 0 0 0;
}

#otheroom
{
	width: 220px;
	height: 20px;
	float: right;
}
#otheroom-img, #otheroom-img span
{
	width: 220px;
	height: 20px;
	display: inline;
	background-image: url("http://www.otheroom.com/links/web-design-sb.gif");
}