#smartweb {
	/* width: 100%; */
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
}

#container {
	left: 50%;
	position: absolute;
	margin-left: -480px;
	width: 960px;
}

.header {
	height: 76px;
	width: 960px;
	background: url(css/smartbot-logo.png) no-repeat;
}

img {
	border-width: 0px;
}

.navigation {
	height: 86px;
	width: 960px;
	background: url(css/smartbot-menu.png) no-repeat 0 0;

}

.navigation .contact-us {
	width: 120px;
	height: 86px;
	background: url(css/smartbot-menu.png) no-repeat 0 0;
	float: left;
}

.navigation .contact-us-select {
	width: 120px;
	height: 86px;
	background: url(css/smartbot-menu.png) no-repeat 0 -86px;
	float: left;
}

.navigation .contact-us:hover {
	background: url(css/smartbot-menu.png) no-repeat 0 -86px;
}

.navigation .products {
	width: 120px;
	height: 86px;
	background: url(css/smartbot-menu.png) no-repeat -120px 0;
	float: left;
}

.navigation .products-select {
	width: 120px;
	height: 86px;
	background: url(css/smartbot-menu.png) no-repeat -120px -86px;
	float: left;
}

.navigation .products:hover {
	background: url(css/smartbot-menu.png) no-repeat -120px -86px;
}

.navigation .help-faq {
	width: 120px;
	height: 86px;
	background: url(css/smartbot-menu.png) no-repeat -840px 0;
	float: right;
}

.navigation .help-faq-select {
	width: 120px;
	height: 86px;
	background: url(css/smartbot-menu.png) no-repeat -840px -86px;
	float: right;
}

.navigation .help-faq:hover {
	background: url(css/smartbot-menu.png) no-repeat -840px -86px;
}

.navigation .contact-us span, .navigation .contact-us-select span,
.navigation .products span, .navigation .products-select span,
.navigation .help-faq span, .navigation .help-faq-select span
 {display: none;}
 
 .preorder {
	width: 159px;
	height: 58px;
	background: url(css/preorder-button.png) no-repeat 0 0;
	float: left;
	left: -15px;
	position: relative;
}

.preorder-select {
	width: 159px;
	height: 58px;
	background: url(css/preorder-button.png) no-repeat 0 -58px;
	float: left;
	left: -15px;
	position: relative;
}

.preorder:hover {
	background: url(css/preorder-button.png) no-repeat 0 -58px;
}

.preorder span, .preorder-select span {display: none;}

.content
 { color: #666666; font-size: 0.8em; width: 100%; }

.textcontent
 { margin-left: 15px; float: left; width: 480px; }

.textcontent-video
 { margin-left: 15px; float: left; width: 400px; }
 
.textcontent-wide
 { margin-left: 15px; float: left; width: 600px; }

.dark
 { color: #333333; }

.question
 { padding-top: 4px; padding-left: 26px; background: url(css/question.png) no-repeat 0 6; font-size: 1.1em; color: #333333;}

.answer
 { padding-bottom: 4px; padding-left: 26px; background: no-repeat 0 6;}

.email
 { padding-bottom: 10px; background-position: 0 6px; padding-top: 6px; border-bottom-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 28px; background-image: url(css/email.png); background-repeat: no-repeat; }

.light
 { color: #999999; }

h1, h2, h3
 { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 10px; color: #666666; }

h1
 { font-style: normal; font-weight: normal; font-size: 1.8em; }

h2
 { border-bottom-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid; font-style: normal; font-weight: normal; font-size: 1.6em; }

h3
 { font-style: normal; font-weight: normal; font-size: 1.2em; }

.imagecontent
 { width: 400px; float: right; }

.imagecontent-video
 { margin-right: 20px; width: 480px; float: right; }
 
.imagecontent-narrow
 { margin-right: 20px; width: 280px; float: right; }

.imagecontent img
 { float: right; }

.clearfix
 { clear: both; }

.footer
 { margin-top: 25px; background-image: url(css/smartbot-footer.png); background-repeat: no-repeat; height: 27px; width: 960px; }

h3
 { font-size: 1em; font-weight: bold; }

.productcontent
 { margin-left: 15px; float: left; width: 300px; }

.producttext
 { margin-left: 15px; }

.productimage
 { height: 280px; margin-left: 15px; }

sup
 { font-size: 0.6em; }

p
 { margin-left: 0px; margin-bottom: 4px; margin-right: 0px; margin-top: 4px; }

a:link, a:visited {color: blue; text-decoration: none;}

a:hover, a:active {text-decoration: underline;}

input.number-input { padding-left: 6px; padding-bottom: 2px; padding-right: 6px; padding-top: 2px; margin-left: 10px; background-color: white; width: 40px;}

input {border-color: #666666; border-width: 1px; border-style: solid; background-color: #cccccc; color: #333333;}

input:hover {border-color: #0099cc; border-width: 1px; border-style: solid; background-color: #0066ff; color: white;}

.inline-submit { margin-left: 10px; }

.form { padding-bottom: 6px; padding-top: 6px; border-bottom-color: #cccccc; border-top-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; }

.morepadding { padding-top: 20px; }