/* CSS Document */

/* Basic Style Attributes */
body {
	font: 10pt Arial, Helvetica, sans-serif ;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background: #fff url(images/tile.gif) repeat;
	color: #fff;
	text-align: center; /* this attribute centers the container div */
}

a:link { color: #333333; font-size: 10pt; background: transparent; text-decoration: none }
a:visited { color: #333333; font-size: 10pt; background: transparent }
a:hover { color: #fff; font-size: 10pt; background: #000; text-decoration: none }
a:active { color: #333333; font-size: 10pt; background: transparent }

a, a.nav:link { color: #fff; font: 11px Arial, Helvetica, sans-serif; background: transparent; text-decoration: none }
a.nav:visited { color: #fff; font: 11px Arial, Helvetica, sans-serif; background: transparent }
a.nav:hover { color: #fff; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline}
a.nav:active { color: #fff; font: 11px Arial, Helvetica, sans-serif; background: transparent }

a, a.topnav:link { color: #000; font: 11px Arial, Helvetica, sans-serif; background: transparent; text-decoration: none }
a.topnav:visited { color: #000; font: 11px Arial, Helvetica, sans-serif; background: transparent }
a.topnav:hover { color: #000; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline}
a.topnav:active { color: #000; font: 11px Arial, Helvetica, sans-serif; background: transparent }

a, a.prod:link { color: #CDCDCD; font: 10px Arial, Helvetica, sans-serif; background: transparent; text-decoration: none }
a.prod:visited { color: #333; font: 10px Arial, Helvetica, sans-serif; background: transparent }
a.prod:hover { color: #fff; font: 10px Arial, Helvetica, sans-serif; background: #000 }
a.prod:active { color: #333; font: 10px Arial, Helvetica, sans-serif; background: transparent }

/* the container div is self-explanatory, it contains the contents of the site, floating it centered in the browser window */

#container {
	position: relative;
	top: 10px;
	margin: 10px auto;
	width: 775px;
	color: #fff;
	background: #979797;
}

#subcontainer {
	position: relative;
	margin: auto;
	top: 0px;
	width: 775px;
	background: #979797;
	border: #000 1px solid;
	color: #fff;
	text-align: left;
}


/* everything here on is fixed to the position of the subcontainer */

#navbar {
	position: absolute;
	text-align: right;
	margin-left: 10px;
	color: #fff;
	top: 28px;
	width: 775px;
	right: 15px;
	font-size: 11px;
	letter-spacing: 0.1em;
	
}

#tabs {
	position: absolute;
	text-align: left;
	height: 37px;
	color: #fff;
	top: 98px;
	left: 0px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#make {
	position: absolute;
	text-align: left;
	color: #fff;
	top: 101px;
	left: 297px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

/* marquee */
#home {
	position: relative;
	top: 0px;
	left: 0px;
	width: 775px;
	height: 99px;
	margin-bottom: 0px;
	background: transparent url(images/marquee.jpg) no-repeat;
}


/* hides text-content of the marquee div */
#home div span {
	display: none;
}


#left_photos {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 425px;
	width: 256px;
	text-align: left;
	font-size: 10pt;
	color: #fff;
}

#left {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 425px;
	background: url(images/left_bg.gif) no-repeat;
	width: 250px;
	text-align: left;
	font-size: 10pt;
	color: #fff;
}

#left_product {
	position: absolute;
	top: 20px;
	left: -5px;
	height: 425px;
	background: none;
	width: 250px;
	text-align: left;
	font-size: 9pt;
	color: #fff;
}

#left ul li{
	padding-bottom: 1px;
	list-style-image: url(images/bullet.gif);
}

#left_photos li{
	padding-bottom: 3px;
	list-style-image: url(images/bullet.gif);
}

#left_product ul li{
	padding-bottom: 3px;
	font-size: 7pt;
	list-style-image: url(images/bullet_sm.gif);
}

#left_product ul li.off{
	padding-bottom: 3px;
	font-size: 7pt;
	list-style-image: url(images/spacer.gif);
}

#prodtable.td{
	padding-left: 4px;
}

#index {
	position: relative;
	top: 36px;
	left: 0px;
	height: 100%;
	margin-bottom: 5px;
	background: url(images/main_bg.gif) no-repeat transparent;
	background-position: bottom right;
	padding-left: 283px;
	padding-right: 11px;
	padding-bottom: 20px;
	font-size: 10pt;
}

#index td {
	left: 0px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #000;
	background: #CBCBCC;
}

#index .noBg{
	padding-left:0px;
	text-align: left;
}

#index .noBg td {
	left: 0px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #000;
	background: none;
}
#index span {
	display: none;
}


/* same footer throughout site */
#footer {
	position: relative;
	text-align: right;
	vertical-align: bottom;
	font-size: 10px;
	padding-right: 10px;
	width: 775px;
	height: 46px;
	background: transparent url(images/footer.gif) no-repeat;
}
h1 { font-family:Arial,Helvetica,sans-serif; font-size:18px; color:#FFF; line-height:20px;}