body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font: 11px/14px verdana, arial, sans-serif;
	color: #666;
	background: repeat url(../images/body_tile.gif);
}

:focus { outline: 0; }


p
{
	font: 11px/14px verdana, arial, sans-serif;
	color: #546;
	/* hack for IE italic bug */
	overflow: visible;
	height: 1%;
}

h1, h2, h3, h4
{
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	color: #6b6fb3;
}

h1
{
	font-size: 24px;
	line-height: 28px;
}

h2
{
	font-size: 14px;
	line-height: 16px;
}

h3, h4
{
	font-size: 12px;
	line-height: 14px;
}

img { border: none; }
caption { padding: 9px; }

a
{
	text-decoration: none;
	color: #36a;
}

a:hover { text-decoration: underline; }

th
{
	text-align: left;
	font-weight: bold;
}

fieldset
{
	padding: 12px;
	margin-top: 20px;
	border: 1px solid #cca;
}

fieldset legend
{
	font: bold 14px/14px "trebuchet ms", arial, helvetica, sans-serif;
	color: #6b6fb3;
}

.firstlegend { padding-top: 12px; }
fieldset input, fieldset select { margin-bottom: 6px; }
fieldset select { margin-top: 6px; }

fieldset label
{
	display: block;
	padding-bottom: 2px;
	color: #666;
	font: 10px/15px verdana, arial, sans-serif;
}

.checkboxes input
{
	display: block;
	clear: left;
	float: left;
	margin-right: 6px;
}

.checkboxes label { padding-top: 2px; }

.fieldinstruction
{
	margin-top: 12px;
	font-weight: bold;
	color: #333;
	line-height: 16px;
}

.disclaimer { font: 9px/11px verdana, arial, sans-serif; }

table#beltoptions
{
	border-top: 1px solid #c9a;
	border-bottom: 1px solid #c9a;
	padding: 12px 0px;
}

table#beltoptions th
{
	text-align: left;
	width: 120px;
}

#wrapper
{
	width: 720px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #503989;
}

#wrapper.home { height: 630px; }

#head
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 101px;
	background: #fff url(../images/headshade.gif) bottom left repeat-x;
	text-align: right;
}

#logo
{
	position: relative;
	width: 393px;
	height: 47px;
	left: 37px;
	top: 32px;
	background: url(../images/logo.gif) no-repeat;
	float: left;
}

#headtext
{
	float: right;
	width: 220px;
	height: 48px;
	font: 10px/11px "trebuchet ms", arial, sans-serif;
	color: #546;
	margin: 24px 24px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 196px;
}

html>body #headtext { width: 196px; }

#globalnav
{
	position: relative;
	z-index: 10000;
	clear: both;
	width: 720px;
	padding: 0;
	height: 32px;
	text-align: left;
}

#maincontent
{
	width: 720px;
	float: left;
	/*margin-top: 20px;*/
	text-align: center;
	background: url(../images/leftcol-tile.gif) repeat-x;
	background-color: #fff;
}

#maincontent.home
{
	background-color: #b38707;
	background: url(../images/home-main-tile.gif) repeat-x;
}

#homecontent
{
	width: 720px;
	float: left;
	text-align: center;
	background: #b38707 url(../images/home-main-tile.gif) repeat-x;
}

#maincontent.secondary
{
	text-align: left;
	background-color: #fff;
}

#homepics
{
	width: 534px;
	margin-left: auto;
	margin-right: auto;
}

#homeheadline
{
	position: relative;
	width: 720px;
	margin-top: 10px;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	margin-left: 82px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 638px;
}

html>body #homeheadline { width: 638px; }

#homeheadline div.headline
{
	position: relative;
	display: block;
	float: left;
	line-height: 30px;
	top: -8px;
	padding-bottom: 12px;
	font-size: 24px;
	color: #fff;
	padding-top: 18px;
}

#homeheadline div.big
{
	position: relative;
	top: 0;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 6px;
	font-size: 50px;
	line-height: 50px;
	color: #ffd100;
}

#homebody
{
	width: 720px;
	color: #333;
	padding-left: 92px;
	margin-bottom: 20px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 628px;
}

html>body #homebody { width: 628px; }

#homebody span
{
	display: block;
	width: 260px;
	float: left;
	padding: 6px 20px 0 0;
}

#homead
{
	display: block;
	clear: both;
	background-color: #b9b309;
	padding: 9px 0px;
	color: #5a3f99;
	font: bold 16px/16px "trebuchet ms", arial, helvetica, sans-serif;
}

#homelowershade
{
	clear: both;
	width: 720px;
	height: 8px;
	background: url(../images/homebottomshade.jpg) no-repeat;
}

#homebottom
{
	position: relative;
	width: 720px;
	height: 170px;
	background: url(../images/homebottomtile_r1.jpg) repeat-y;
	text-align: center;
	font-size: 9px;
	color: #779;
}

#leftcol h2
{
	font: bold 14px/14px "trebuchet ms", arial, helvetica, sans-serif;
	color: #b38707;
	margin-top: 30px;
	padding: 0;
}

#leftcol
{
	float: left;
	width: 250px;
	padding: 0 34px 45px 45px;
	background: url(../images/leftcol-tile.gif) repeat-x;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
}

html>body #leftcol { width: 170px; }

#rightcol
{
	width: 470px;
	float: right;
	color: #333;
	text-align: left;
	padding: 30px 60px 40px 0;
	background: url(../images/leftcol-tile.gif) repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 410px;
}

html>body #rightcol { width: 410px; }

#topright { height: 120px; }
#topright p, #topright p.quote { color: #000; }
#topright p a:link, #topright p a:visited { color: #ffdf80; }
#topright p a:hover { color: #ffdf80; text-decoration: underline; }

#rightcol h1
{
	font: bold 18px/30px "trebuchet ms", arial, sans-serif;
	color: #fff;
}

#services
{
	margin-top: 32px;
	background: url(../images/bulletline.gif) 1px 0px repeat-y;
}

#services.detail { background-image: none; }
#services h2 { color: #503989; }

#services.listall h2
{
	/*background: url(../images/bulletdisc.gif) 0 0 no-repeat;*/
	padding-left: 0px;
	line-height: 15px;
}

#services.listall p { padding-left: 20px; }
#main { margin-top: 32px; }
#main.news h2 { margin-top: 24px; }

#footer
{
	display: block;
	clear: both;
	width: 720px;
	text-align: center;
	font-size: 9px;
	color: #aaaacc;
	padding: 10px;
	background-color: #503989;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px;
}

html>body #footer { width: 700px; }

span.faqs
{
	display: block;
	margin-bottom: 9px;
}

.quote
{
	font-style: italic;
	color: #333;
}

.quote span
{
	display: block;
	padding-top: 1em;
	text-align: right;
}

#main .quote
{
	font-style: italic;
	color: #36a;
}

div.product_color
{
	width: 168px;
	margin: 12px 0;
}

div.notice { display: none; }

.error, .warn
{
	display: inline;
	color: #F00;
}

/* order page styles */
.orderline { width: 390px; }
.orderdetail { /* not used */ }

.ordercost
{
	font-weight: bold;
	text-align: right;
}

table.ordertable
{
	margin-left: 175px;
	margin-top: 12px;
	border-top: 2px solid #ccc;
	font-size: 10px;
	line-height: 12px;
	color: #333;
	text-align: right;
	voice-family: inherit;
	width: 175px;
}

table.ordertable th
{
	width: 75px;
	text-align: left;
}

table.ordertable td { width: 40px; }
fieldset#specs .orderstep span { float: left; }

fieldset#specs .orderstep
{
	clear: both;
	width: 100%;
	padding-bottom: 9px;
}

fieldset#specs .orderstep label
{
	font-size: 1em;
	padding-bottom: 2px;
}

#iso
{
	text-align: center;
	clear: left;
	width: 534px;
	padding-top: 1em;
}

#iso p
{
	padding: .5em;
	border-top: 1px solid #ffd100;
	border-bottom: 1px solid #ffd100;
	margin: 1em 0;
	font-size: 1.0em;
	line-height: 17px;
	font-weight: bold;
	color: #333;
}

#iso p img
{
	padding-left: 1em;
	border: none;
}



/* hack float clearing */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

/* End hide from IE-mac */