@import url('fonts.css');
@import url('navigation.css');
@import url('news.css');
@import url('products.css');
@import url('pricelist.css');
@import url('images.css');
@import url('forms.css');
@import url('colorbox.css');

body {
	background: #bbcadb url('../images/body_background.png') repeat-x;
}

body.editor {
	background: none;	
}

#background {
	width: 980px;
	min-height: 800px;
	margin: 0 auto;
	background: url('../images/background2.png') center top no-repeat;
}

#wrapper {
	width: 960px;
	min-height: 800px;
	margin: 0 auto;
	background: #fff url('../images/wrapper_background.gif');
	position: relative;
}

#header {
	height: 83px;
	background: #fff url('../images/header_background.png') 590px bottom no-repeat;	
}

#logo {
	float: left;
	width: 240px;
	height: 83px;
	background: url('../images/header_background.png') right bottom no-repeat;
}

#logo img {
	margin: 24px 0 0 30px;
}

#header .object {
	float: left;
	width: 300px;
	height: 36px;
	padding: 24px 30px 17px 30px;
}

#header .object h2,
#header .object p {
	height: 21px;
	margin: 0;
	overflow: hidden;
}

#header .object h2 {
	font-size: 14px;
}

#header .object h2 a {
	display: inline;
	padding-right: 15px;
	color: #333;
	background: url('../images/arrow_ff9000.gif') right center no-repeat;
}

#header .object p {
	font-size: 11px;
}

#banner {
	height: 150px;
}

#slogan {
	float: left;
	width: 240px;
	height: 150px;
	background: #ff9000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}

#slogan p {
	margin-top: 25px;
	text-align: center;
	color: #fff;
}

#slogan span {
	display: block;
}

#image {
	float: left;
	width: 720px;
	height: 150px;
	overflow: hidden;
}

#left {
	float: left;
	width: 240px;
	padding-bottom: 30px;
	background: #f7f7f7 url('../images/left_background.png') right top no-repeat;
}

#right {
	float: left;
	width: 660px;
	padding: 0 30px 10px 30px;
	overflow: hidden;
}

#footer {
	_height: 1px;
	min-height: 1px;
	clear: both;
	background: #0099cc url('../images/footer_background.gif');
}

#credits {
	float: left;
	width: 210px;
	padding: 25px 30px 0 0;
	text-align: right;
}

#credits,
#credits a {
	color: #85cde5;
}

#credits a:hover {
	color: #fff;
}

#wrapper-spacer {
	height: 30px;
}

.clear {
	clear: both;	
}

.hide {
	display: none;
}

#left .object {
	background: url('../images/left_object_background.gif') left bottom repeat-x;
	padding: 1px 0;
}

#left .text {
	padding: 1px 30px;	
}

#left .news-view {
	padding: 1px 30px 25px 30px;	
}

.buttons {
	height: 30px;
	margin: 21px 0;
}

.button {
	display: block;
	float: left;
	width: 123px;
	height: 14px;
	margin-right: 5px;
	padding: 8px 37px 8px 20px;
	border: none;
	background: url('../images/button_background.png');
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-align: right;
	text-transform: lowercase;
	color: #c1e4ef;
	cursor: pointer;
}

button.button {
	width: 180px;
	height: 30px;
}

.button:hover {
	color: #fff;
	background-position: 0 -30px;
}

.button[disabled=disabled],
.button.disabled {
	filter: alpha(opacity=50);
	opacity: .5;
	cursor: default;
	background-color: #fff;
}

.button[disabled]:hover,
.button.disabled:hover {
	color: #c1e4ef;
	background-position: 0 0;
}

.element2,
.element4,
.element6,
.element8,
.element10,
.element12,
.element14,
.element16,
.element18,
.element20,
.element22,
.element24,
.element26,
.element28,
.element30,
.element32,
.element34,
.element36,
.element38,
.element40,
.element42,
.element44,
.element46,
.element48,
.element50,
.element52,
.element54,
.element56,
.element58,
.element60 {
	clear: left;
}

.tabs {
	position: relative;
	width: 660px;
	margin: 20px 0;
	background: url('../images/product_details_background.gif') no-repeat;
}

.tabs .tabs-left,
.tabs .tabs-right {
	display: block;
	position: absolute;
	top: 0;
	width: 4px;
	height: 40px;
}

.tabs .tabs-left {
	left: 0;
	background: url('../images/tabs_overlay_left.png');
}

.tabs .tabs-right {
	right: 0;
	background: url('../images/tabs_overlay_right.png');
}

.tabs .navigation {
	height: 44px;
	margin: 0 0 20px 0
}

.tabs ul {
	margin-left: 0;
	margin-right: 0;
}

.tabs .navigation li {
	display: list-item;
	float: left;
	padding: 0 0 5px 0;
	background: none;
}

.tabs .navigation li a {
	display: block;
	float: left;
	padding: 10px 20px 9px 20px;
	border-right: 1px solid #e5e5e5;
	color: #666;
}

.tabs .navigation li a:hover {
	color: #333;
	background: #eee;
}

.tabs .navigation .active {
	background: url('../images/tabs_active_pointer.png') center bottom no-repeat;
}

.tabs .navigation .active a,
.tabs .navigation .active a:hover {
	color: #fff;
	background: #09c url('../images/navigation_active_background.png');
	cursor: default;
}

.tabs h2 {
	display: none;
}

.tabs br {
	display: none;
}

#product-details div, .tabs form {
	font-size: 12px;
	padding: 0 20px;
}

.tabs-features ul {
	margin-right: 0;
	margin-left: 0;
}

.tabs-information h3 {
	margin: 10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.tabs-information p {
	margin: 0;
}

#product-image,
#colorbox #form-support,
#colorbox #form-quote,
#colorbox #form-appointment {
	border-bottom: 1px solid #fff;
	background: url('../images/colorbox_background.gif') repeat-y;
}

#colorbox .information {
	float: left;
	width: 230px;
	padding: 10px 30px;
}

#colorbox h2,
#colorbox h3,
#colorbox p {
	margin: 15px 0;
}

#colorbox .title,
#colorbox h2 {
	margin-bottom: 0;
	font-size: 17px;
	font-weight: bold;
	color: #333;
}

#colorbox .close {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

#colorbox .close a {
	display: block;
	padding: 5px 0;
}

#colorbox .quote {
	font-weight: bold;
	height: 30px;
	margin: 26px 0 21px 0;
}

#colorbox .description {
	margin-top: 16px;
}

#colorbox .message {
	display: none;
	background: #f7f7f7;
	font-size: 12px;
}

#colorbox .message h2 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

#colorbox .message p {
	margin: 0 0 10px 0;
}

#colorbox .message ul {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 15px;
	overflow: visible;
}

#colorbox .message br {
	display: none;
}

#colorbox .content {
	float: left;
	width: 480px;
	padding: 10px 30px;
	overflow: auto;
}

#colorbox .content img {
	display: none;
}

#colorbox .image {
	width: 480px;
	height: 300px;
	overflow: visible;
	margin: 20px 0;
	background-position: center center;
	background-repeat: no-repeat;
}

#colorbox input {
	width: 248px;
}

#colorbox textarea {
	width: 428px;
	height: 63px;
}