/* Reset */
* {	margin: 0; padding: 0; }


/* Generic elements */
body {		background: white url(/i/background.png) repeat-x; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #666; line-height: 1.25em; }
p {			margin-bottom: 1em; }
address {	margin-bottom: 1em; font-style: normal; }
a img {		border: none; }
hr.clear {	visibility: hidden; clear: both; }
hr.rule {	height: 1px; border: none; background-color: #CDDCCE; clear: both; margin: 5px 0; }


/* Messages */
p.error,
p.success {	color: white; font-weight: bold; padding: 5px 5px; text-align: center; }
p.error {	background-color: #B03333; }
p.success {	background-color: #0A6C2E; }


/* Container */
div#container {	width: 960px; margin: 0 auto; }


/* Header */
div#header {				position: relative; height: 123px; }
div#header ul {				list-style: none; position: absolute; right: 0; }
div#header ul li {			float: left; }
div#header ul li.quote {	margin-left: 10px; }
div#header ul li a {		display: block; height: 32px; line-height: 32px; padding: 0 23px; background-color: #7FA882; color: white; text-decoration: none; font-size: 13px; letter-spacing: 1.5px; }
div#header ul li.quote a {	padding-right: 43px; background: #4F7352 url(/i/quick-quote-arrow.gif) no-repeat 140px center; }
div#header h3#weiss {		position: absolute; left: 28px; top: 30px; }
div#header h3#fitotron {	position: absolute; right: 5px; top: 64px; }


/* Navigation */
div#nav {				position: relative; height: 88px; background: url(/i/background-nav.png) no-repeat top left; padding: 0 15px; }
div#nav ul {			position: absolute; bottom: 0; list-style: none; }
div#nav ul li {			float: left; margin-left: 2px; margin-right: 1px; }
div#nav ul li a {		display: block; width: 153px; height: 32px; padding: 9px 15px; background-color: #7FA882; color: white; font-size: 13px; text-decoration: none; }
div#nav ul li.faded a {	background-color: #5C7D5E; }

#pageNav {				margin: -20px 0 0 -40px;}
#pageNav li{			list-style: none; margin-bottom: 5px; line-height: 0;}
#pageNav li a {			display: block; padding: 20px 15px; background: #CDDCCE; text-decoration: none; color: #666;}

/* Content */
div#content {			padding: 15px; background-color: #CDDCCE; min-height: 400px; }
div#content > h1 {		margin-bottom: 0.75em; }
div#content img.main {	float: right; margin: 0 0 10px 20px; }


/* Footer */
div#footer {					margin: 40px 0; font-size: 11px; text-align: center; }
div#footer ul {					margin-bottom: 20px; list-style: none; }
div#footer ul li {				display: inline; background: url(/i/footer-item-break.gif) no-repeat left center; padding: 0 4px 0 8px; }
div#footer ul li:first-child {	background: none; }
div#footer ul li a {			color: #666; text-decoration: none; }


/* Configuration page */
body.config div#content {							background: none; padding: 0; position: relative; }

body.config div#content div#intro {					background-color: #4F7352; padding: 35px 0 10px 30px; color: white; }
body.config div#content div#intro h1 {				font-size: 20px; margin-bottom: 0.75em; }

body.config div#content div#options {				width: 445px; float: left; }
body.config div#content div#options h2 {			background-color: #B0CAB2; padding: 10px 30px; color: #446447; font-size: 20px; font-weight: normal; }
body.config div#content div#options ul {			list-style: none; }
body.config div#content div#options ul li {			border-bottom: 1px solid #CDDCCE; padding: 15px 0; }
body.config div#content div#options ul li input,
body.config div#content div#options ul li select {	vertical-align: middle; width: 35px; margin: 0 8px; }
body.config div#content div#options ul li label {	vertical-align: middle; display: inline-block; }

body.config div#content div#spec {					display: block; width: 470px; float: left; position: relative; margin-top: -95px; background-color: white; padding: 10px 15px; box-shadow: 0px 0px 40px #000; -moz-box-shadow: 0px 0px 40px #000; -webkit-box-shadow: 0px 0px 40px #000; }
body.config div#content div#spec h2 {				position: absolute; width: 199px; height: 34px; line-height: 34px; top: -34px; left: 0; padding-left: 25px; background: url(/i/background-spec-title.png) no-repeat top left; font-size: 20px; font-weight: normal; }
body.config div#content div#spec a.quote {			display: block; float: right; width: 140px; height: 34px; padding: 4px 0 0 16px; color: white; text-decoration: none; background: url(/i/get-a-quote.png) no-repeat top left; line-height: 1.2em; margin-bottom: 10px; }
body.config div#content div#spec p {				padding: 0 15px; }
body.config div#content div#spec div#spec-intro p {	margin-right: 170px; }
body.config div#content div#spec table {			border-collapse: collapse; width: 100%; margin: 10px 0 15px 0; }
body.config div#content div#spec table th {			border-right: 1px solid #CDDCCE; text-align: left; }
body.config div#content div#spec table th,
body.config div#content div#spec table td {			border-top: 1px solid #CDDCCE; border-bottom: 1px solid #CDDCCE; padding: 5px 10px; }

body.config div#content img#gear {					position: absolute; top: 20px; left: 358px; }


/* Home page */
body.home {									background-image: url(/i/background-home.png); }

body.home div#nav {							height: 285px; background-image: url(/i/background-nav-home.png); }
body.home div#nav p.intro {					position: absolute; top: 45px; left: 30px; color: white; font-size: 20px; line-height: 0.7em; }
body.home div#nav a.config {				position: absolute; top: 85px; left: 355px; }
body.home div#nav p.description {			position: absolute; top: 170px; left: 388px; color: white; font-size: 11px; }

body.home div#content {						padding-top: 0; }

body.home div#content ul.items {			list-style: none; }
body.home div#content ul.items li {			float: left; margin-left: 2px; margin-right: 1px; width: 183px; height: 445px; }
body.home div#content ul.items li div {		position: relative; margin-top: 10px; height: 230px; padding: 10px 12px; background-color: #C2D0C3; }
body.home div#content ul.items li div a {	position: absolute; bottom: 10px; left: 29px; }

body.home div#content div.support {			margin-top: 25px; height: 120px; background-color: #C2D0C3; }
body.home div#content div.support h2 {		float: left; width: 180px; height: 100px; padding: 20px 0 0 20px; background: #4F7352 url(/i/support-corner.gif) no-repeat top left; font-size: 12px; font-weight: normal; color: white; }
body.home div#content div.support h2 a {	text-decoration: none; color: inherit; }
body.home div#content div.support ul {		float: left; width: auto; margin: 15px 0 0 10px; list-style: none; width: 190px; }
body.home div#content div.support ul li {	margin: 3px 0; padding-left: 15px; background: url(/i/list-item-arrow.gif) no-repeat 0 4px; font-size: 11px; }
body.home div#content div.support ul li a {	color: #666; text-decoration: none; }


/* Product pages */
body.product {									background-image: url(/i/background-product.png); }

body.product div#nav {							height: 147px; background-image: url(/i/background-nav-product.png); }
body.product div#nav div.config {				text-align: center; padding-top: 10px; }

body.product div#intro {						position: relative; background-color: #7FA882; padding: 35px 25px; color: white; }
body.product div#intro h1 {						font-size: 20px; }
body.product div#intro a.quote {				position: absolute; top: 27px; right: 30px; display: block; width: 140px; height: 38px; line-height: 38px; padding: 0 0 0 16px; color: white; text-decoration: none; background: url(/i/get-a-quote.png) no-repeat top left; }

body.product div#content {						background: none; padding: 0; }

body.product div#content div#details {			width: 540px; float: left; padding-top: 25px; }
body.product div#content div#details h2 {		background-color: #B0CAB2; padding: 10px 30px; color: #446447; font-size: 20px; font-weight: normal; margin-bottom: 1em; }
body.product div#content div#details h3,
body.product div#content div#details p,
body.product div#content div#details ul,
body.product div#content div#details dl {		margin-left: 25px; margin-right: 40px; margin-bottom: 1em; }
body.product div#content div#details h3 {		font-size: 12px; border-bottom: 1px solid #CDDCCE; padding-bottom: 10px; }
body.product div#content div#details ul {		margin-left: 40px; }
body.product div#content div#details dl dt {	float: left; clear: left; height: 20px; line-height: 20px; vertical-align: bottom; }
body.product div#content div#details dl dd {	margin-left: 150px; height: 20px; line-height: 20px; vertical-align: bottom; }
body.product div#content div#details a.quote {	display: block; padding-left: 18px; margin-top: 30px; width: 140px; height: 38px; line-height: 38px; color: white; text-decoration: none; background: url(/i/get-a-quote.png) no-repeat top left; }

body.product div#content div#photo {			width: 420px; float: right; }
body.product div#content div#photo hr.rule {	background-color: #B0CAB2; }
body.product div#content div#photo h4 {			margin: 10px 0 1em 15px; }
body.product div#content div#photo p {			margin-left: 15px; }
body.product div#content div#photo p a.pdf {	display: block; height: 32px; line-height: 32px; padding-left: 40px; background: url(/i/pdf.png) no-repeat center left; font-weight: bold; color: #666; text-decoration: none; }


/* Quick Quote page */
body.quote input.standard {					width: 300px; }
body.quote select.standard {				width: 304px; }
body.quote textarea.standard, {				width: 500px; }

body.quote input,
body.quote textarea,
body.quote select,
body.quote option {							font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; padding: 1px; }
body.quote input[type="submit"] {			padding: 4px 6px; }

body.quote fieldset.input {					border: none; margin-bottom: 10px; }
body.quote fieldset.input legend	{		display: none; }

body.quote fieldset.input label {			font-weight: bold; }
body.quote fieldset.input label small {		font-weight: normal; font-size: 10px; }

body.quote fieldset.input ul {				margin: 15px 0; padding: 0; list-style: none; }
body.quote fieldset.input ul li {			margin: 5px 0; float: left; clear: left; width: 100%; }
body.quote fieldset.input ul li label,
body.quote fieldset.input ul li input,
body.quote fieldset.input ul li select,
body.quote fieldset.input ul li textarea {	float: left; }
body.quote fieldset.input ul li label {		width: 120px; margin-right: 15px; display: block; }

body.quote fieldset.submit {				border: none; }
body.quote fieldset.submit p {				margin: 0 0 0 135px; }



/* Support page */
body.support div#content h2 {	font-size: 12px; border-bottom: 1px solid #CDDCCE; padding-bottom: 10px; }
body.support div#content ul {	margin-left: 25px; margin-bottom: 1em; }

/* About page */
body.about div#content ul {	margin-left: 25px; margin-bottom: 1em; }