
body {
	background: #F2F2F2;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

/* IE5 and Opera text */
body {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

html>body {
	font-size: small;
}

#wrapper {
	background: #F2F2F2 url(/images/css/bg/pagebg.jpg) repeat-y center 135px;
	width: 1000px;
	margin: 0px auto;
	border-bottom: 1px solid #797979;
	text-align: left;
}

a {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #336699;
}

/* header and menus */

#header {
	float: left;
	width: 100%;
	background: url(/images/css/bg/caseglassbg.jpg) no-repeat top center;
	font-size: 100%;
}
#logo {
	float: left;
}

/* top text menu */

#topmenu {
	float: left;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 135%;
}
#topmenu li {
	margin: 0px;
	padding: 0px 20px;
	display: inline;
}
#topmenu li a {
	color: #000000;
	text-decoration: none;
}
#topmenu li a:hover {
	color: #FF6600;
}

/* tabbed main casemenu */

#casemenu {
	float: left;
	margin: 50px 0px 0px 10px;
	padding: 0px;
	background: url(/images/css/menus/casemenubg.gif) repeat-x top left;
	border-top: 1px solid #999999;
	font-size: 100%;
}
#casemenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#casemenu li a {
	float: left;
	display: block;
	padding: 6px 5px 5px 5px;
	border-right: 1px solid #999999;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#casemenu #italiana a, #casemenu #partsacc a {
	border-left: 1px solid #999999;
}
/* greyed out until pages created */
#casemenu #technica a, #casemenu #start a {
	color: #999999;
}

#casemenu li a:hover {
	background: #CCCCCC;
}

/* subheader h1 area */

#subheader {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

#subheader h1 {
	margin: 15px 0px 0px 10px;
	color: #000000;
	font-size: 175%;
}
h2 {
	margin: 0px;
	padding: 15px 0px;
	font-size: 155%;
}

#mfg {
	float: right;
	margin: 10px 40px 0px 0px;
	font-size: 85%;
	color: #000000;
	display: inline;
}
#mfgclabo {
	margin: 0px 0px 5px 5px;
	vertical-align: middle;
}


	/* Models Header and Content Area */
#sidemenu {
	display: none;
}
#headcontent {
	width: 975px;
	margin: 0px 1px;
	background: #FFFFFF;
	border-bottom: 1px solid #000000;
	color: #000000;
}
#config {
	width: 625px;
	float: left;
	margin: 0px 15px;
	padding: 5px 0px 10px 0px;
	display: inline;
}
#function {
	width: 200px;
	float: right;
	margin: 0px 15px;
	padding: 5px 0px 10px 0px;
	display: inline;
}

#function p {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
}
#tooltip {
	padding: 0px 0px 5px 0px;
	font-size: 85%;
}
#config img {
	float: left;
	margin: 0px 5px 0px 0px;
}
#headcontent h2 {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 275%;
}
#functmenu {
	margin: 5px 10px 0px 25px;
	padding: 0px;
}
#functmenu li {
	margin: 0px;
	padding: 2px 0px 2px 15px;
	background: url(/images/css/menus/function_bullet.gif) no-repeat 0px 2px;
	list-style: none;
	font-size: 95%;
	color: #000000;
}

#prodcontent {
	clear: both;
	width: 100%;
	margin: 0px 5px 0px 5px;
	padding: 10px 0px 0px 0px;
	text-align: left;
}
#prodcontent h3 {
	font-size: 145%;
	font-style: italic;
	color: #999999;
}

/* content and footer */

#content {
	clear: left;
	background: #FFFFFF;
	margin: 0px 10px;
	text-align: left;
}

#footer {
	clear: both;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-top: 1px solid #797979;
	text-align: center;
	font-size: 85%;
}

/* macie \*/
* html #footer {
	height: 1%;
}
/* end macie */

#footmenu {
	margin: 0px;
	padding: 10px 0px;
}
#footmenu li {
	margin: 0px;
	padding: 0px 10px;
	display: inline;
}
#footmenu li a {
	text-decoration: none;
	color: #666666;
}
#footmenu li a:hover {
	color: #999999;
}

p#cr {
	margin: 0px;
	color: #666666;
}


/* Site Common Rules and Elements */

.row {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
}
.cols {
	float: left;
	width: 325px;
	display: inline;
}
.cols p {
	font-size: 125%;
	font-weight: bold;
}

form span {
	font-size: 75%;
	font-weight: normal;
}
fieldset {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	font-weight: bold;
}
legend {
	color: #000000;
	font-size: 125%;
	font-weight: bold;
}
select {
	width: 240px;
}
.inform {
	margin: 10px 0px;
	border: 0px;
	font-size: 95%;
	color: #000000;
}
.inform td {
	margin: 0px;
	padding-bottom: 10px;
}
.inform .label {
	width: 125px;
	padding-right: 10px;
	text-align: right;
}
p.error, #done p {
	font-size: 100%;
	font-weight: bold;
}
ul#errlist li {
	font-size: 95%;
	line-height: 20px;
}

/* Tech Support Buttons */

.techbutton {
	float: left;
	width: 315px;
	margin: 0px 0px 25px 10px;
	display: inline;
}
.techbutton p {
	margin: 0px;
	padding: 0px;
	line-height: 88px;
}
.techbutton p a {
	display: block;
	padding: 0px 0px 0px 100px;
	font-size: 125%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.techbutton p a:hover {
	color: #0066CC;
}

#techparts {
	background: url(/images/css/techparts.gif) no-repeat 0px 0px;
}
#techtemp {
	background: url(/images/css/techtemp.gif) no-repeat 0px 0px;
}
#techmanual {
	background: url(/images/css/techmanual.gif) no-repeat 0px 0px;
}


	/* Main Showcases (Overview) */

.allprod {
	float: left;
	width: 475px;
	margin: 10px 5px 0px 5px;
	border: 1px solid #CCCCCC;
	display: inline;
}
.allprod p {
	padding: 10px 0px 0px 0px;
	margin: 0px 5px;
	font-size: 90%;
}
.allprod p.modelname {
	padding: 20px 0px 0px 0px;
	font-size: 125%;
	font-weight: bold;
}
.allprod img.case {
	float: left;
	padding: 5px;
}

.caseuse, .caseplex, .caseoption {
	width: 455px;
	margin: 0px 10px;
}

.caseplex, .caseoption {
	padding: 10px 0px;
	border-top: 1px solid #CCCCCC;
}

.caseuse {
	clear: left;
	padding: 5px 0px;
}
.caseplex {
	float: left;
	display: inline;
}
.caseoption {
	clear: left;
}

.caseuse p, .caseplex p, .caseoption p {
	float: left;
	width: 115px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 125%;
	font-weight: bold;
	color: #999999;
}
.caseplex span, .caseoption span {
	font-size: 75%;
}

.caseplex img {
	float: left;
	margin: 0px 10px 0px 0px;
}
.caseoption img {
	float: left;
	margin: 0px 10px 5px 0px;
}