/********/
/* html */
/********/
body {
	background:#7f7f7f url(../img/bg/bg.jpg) top repeat-x;
	margin:20px 0 20px 0;
	padding:0;
	text-align:center
}

body#splash_template {
	/*background:#57799A url(../img/bg/body.gif) repeat-x left center fixed;*/ /* old */
	background:#7f7f7f url(../img/bg/bg.jpg) top repeat-x;
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	color:#023B7E;
	font-size:20px;
	font-weight:bold;
	line-height:22px;
	margin:0 0 15px 0;
	padding:0;
}

#splash_template h1 {
	background:url(../img/bg/arrow_right_splash.png) no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	margin:0;
	padding:0 0 0 24px;
	line-height:14px;
}

h2 {
	color:#000;
	font-size:11px;
	font-weight:bold;
	height:42px;
	line-height:25px;
	margin:0;
	padding:0 0 0 36px;
	background:url(../img/bg/menu_btn_right.gif) left no-repeat;
}

h3 {
	color:#023B7E;
	font-size:12px;
	line-height:14px;
	margin:0 0 15px 0;
	padding:0;
}

h4 {
	color:#666;
	font-size:12px;
	line-height:14px;
	margin:0 0 15px 0;
	padding:0;
}

h5 {
	color:#023B7E;
	font-size:11px;
	line-height:12px;
	margin:0 0 15px 0;
	padding:0;
}

h6 {
	color:#023B7E;
	font-size:11px;
	line-height:12px;
	margin:0 0 15px 0;
	padding:0;
}

p {
	margin:0 0 18px 0;
	padding:0
}

a {
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#023B7E;
	text-decoration:none;
}

a.active,
a:focus {
	outline: 0
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #DDD;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

input,
textarea,
select {
	border:1px solid #DBDFE6;
	color:#000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

td,
th {
	color:#666;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
	vertical-align:top
}

ul {
	margin:0 0 20px 15px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	color:#666;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	margin:0 auto;
	width:898px;
}

/* header */
#header {
	height:158px;
	width:880px;
	position:relative;
	z-index:10;
}

#header p,
#header img {
	height:158px;
	left:9px;
	position:absolute;
	top:6px;
	width:880px;
	z-index:10;
}

#header_overlay{
	height:158px;
	width:898px;
	background:url(../img/bg/header_overlay.png) no-repeat top;
	position:relative;
	z-index:20;
}

#header img {
	display:none;
}

#subheader {
	background:url(../img/bg/subheader.png) no-repeat;
	color:#FFF;
	font-size:11px;
	height:30px;
	line-height:28px;
	position:relative;
	width:898px;
	z-index:20;
}

#subheader a {
	color:#FFF;
	font-weight:normal;
}

#subheader a:hover,
#subheader a.active {
	border-bottom:1px solid #ccc;
	padding-bottom:1px;
}

#breadcrumb_text {
	background: url(../img/bg/arrow_right.png) no-repeat 0 7px;
	float:left;
	padding:0 5px 0 25px;
	margin:0 0 0 21px;
	display:inline;
}

.cs_breadcrumb {
	float:left;
}

.cs_breadcrumb .cs_clear {
	display:none;
}

.cs_breadcrumb li {
	margin:0 5px 0 0;
}

#action_menu {
	height:30px;
	padding:0 13px 0 0;
	position:absolute;
	right:9px;
	top:0;
	width:176px;
}

#action_menu ul {
	float:right;
	list-style:none;
	margin:0;
}

#action_menu li {
	background:url(../img/bg/action_menu_item.gif) no-repeat right 2px;
	float:left;
	padding:0 7px 0 7px;
}

/* main */
#main {
	background:url(../img/bg/page_bg.png);
	margin:0;
	padding:0 0 0 9px;
	min-height:475px;
}

#shop #main {
	background:url(../img/bg/shop_bg.png);
}

/* menu */
#menu_wrapper {
	float:left;
	padding:31px 0 0 0;
	width:190px;
	z-index:10;
	min-height:475px;
	background:url(../img/bg/top_bar_left.gif) top no-repeat;
}

#menu {
	padding:0 0 5px 0;
	width:190px;
	float:left;
	padding:0 0 17px 0;
	background:url(../img/bg/menu_bottom_bg.gif) bottom no-repeat;
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#menu li {
	margin:0;
	float:left;
}

#menu li a {
	color:#000;
	float:left;
	font-weight:bold;
	min-height:32px;
	line-height:29px;
	text-decoration:none;
	background:url(../img/bg/menu_btn.gif) 0 0 no-repeat; 
	width:154px;
	padding:0 0 0 36px;
}

#menu ul li.active a,
#menu li a:hover {
	background:url(../img/bg/menu_btn.gif) 0 -32px no-repeat;
}

#menu li ul {
	display:none;
}

#menu li.active ul {
	display:block;
}

#menu li li {
	margin:0;
}

#menu li li a {
	background:url(../img/bg/bullet.gif) no-repeat 27px 8px;
	color:#023B7E;
	display:block;
	font-weight:normal;
	min-height:23px;
	line-height:22px;
	padding:0 10px 0 26px;
	width:154px;
}

#menu ul li.active ul a{
	background:url(../img/bg/bullet.gif) no-repeat 18px 8px;
	color:#404040;
}

#menu ul li.active ul a:hover,
#menu ul li.active ul a.active {
	background:url(../img/bg/bullet_hover.gif) no-repeat 18px 8px;
}

/* language chooser */
.cs_language_chooser_selectbox {
	padding:0 10px 10px 10px;
}

.cs_language_chooser_selectbox select {
	border:1px solid #999;
	font-size:11px;
	height:20px;
	padding:0;
	width:168px;
}

#menu_text {
	font-size:11px;
	padding:0 0 10px 0;
	text-align:center;
}

#menu_text p {
	margin:0;
}

#menu_text span {
	color:#EB001F;
}

/* content */
#content {
	display:inline;
	float:left;
	line-height:16px;
	margin:0;
	min-height:475px;
	padding:30px 15px 40px 15px;
	position:relative;
	width:470px;
	z-index:20;
}

#shop #content {
	width:660px;
}

#banners {
	height:312px;
	margin:0 0 20px 0;
	position:relative;
	width:470px;
}

#shop #banners {
	height:305px;
	width:660px;
}

#banners p,
#banners img {
	height:312px;
	left:0;
	position:absolute;
	top:0;
	width:470px;
}

#architect #banners{
	height:229px;	
}

#architect #banners img {
	height:229px;
	width:470px;	
}

#shop #banners p,
#shop #banners img {
	height:305px;
	width:660px;
}

#banners img {
	display:none;
}

#content_footer_text {
	text-align:right;
	margin:40px 0 10px 0;
	display:none;
}

/* triggers */
#triggers_wrapper {
	float:left;
	padding:31px 0 0 0;
	width:190px;
	z-index:10;
	min-height:445px;
	position:relative;
	background:url(../img/bg/top_bar_right.gif) no-repeat;
}

#triggers {
	position:relative;
	z-index:20;
}

#shadow_right{
	position:absolute;
	width:9px;
	left:0;
	top:0;
	background:url(../img/bg/shadow_right.png) repeat-y;
	z-index:30;
}

/* footer */
#footer {
	color:#FFF;
	font-size:11px;
	line-height:24px;
	padding:0;
	height:52px;
	text-align:center;
	width:898px;
	background:url(../img/bg/footer_bg.png) no-repeat;
}

#footer p {
	margin:0;
}

#footer a {
	color:#FFF;
	font-weight:normal;
}

#footer a:hover,
#footer a.active {
	border-bottom:1px solid #ccc;
	padding-bottom:1px;
}

/*********/
/* pages */
/*********/
/* splash */
#splash_bg,
#splash {
	height:422px;
	left:50%;
	margin:-211px 0 0 -385px;
	position:absolute;
	top:50%;
	width:770px;
	z-index:20
}

#splash_bg {
	background:url(../img/bg/splash.png) no-repeat;
	z-index:10
}

#region_wrapper {
	background:#003A7D url(../img/bg/region_wrapper.gif) no-repeat;
	color:#CCC;
	height:370px;
	line-height:18px;
	left:21px;
	overflow:hidden;
	position:absolute;
	top:20px;
	width:203px;
	z-index:20
}

#region_wrapper h1 {
	height:15px;
	line-height:14px;
	margin:30px 0 0 21px;
	width:182px
}

#region_wrapper ul {
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	position:absolute;
	top:70px;
	width:203px;
	z-index:30
}

#region_wrapper li {
	height:19px;
	margin:0 0 2px 0;
	width:203px
}

#region_wrapper li a {
	color:#CCC;
	display:block;
	font-weight:normal;
	height:19px;
	padding:0 15px 0 45px;
	width:143px
}

#region_wrapper li a:hover,
#region_wrapper li.active a {
	color:#FFF;
	text-decoration:none
}

.region_item_bg {
	background:#000E3D;
	filter:alpha(opacity=35);
	height:19px;
	left:0;
	opacity:0.35;
	position:absolute;
	top:0;
	visibility:hidden;
	width:203px;
	z-index:20
}

#region_item_arrow {
	background:url(../img/bg/region_item_arrow.png) no-repeat;
	height:19px;
	left:21px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:13px;
	z-index:25
}

#splash_logo {
	background:url(../img/bg/splash_logo.png) no-repeat;
	height:35px;
	left:21px;
	overflow:hidden;
	position:absolute;
	top:338px;
	width:203px;
	z-index:30
}

#splash_logo a {
	display:block;
	height:35px;
	width:203px
}

#screen {
	background:#F5F5F5 url(../img/bg/screen.gif) no-repeat;
	height:370px;
	left:224px;
	overflow:hidden;
	position:absolute;
	top:20px;
	width:514px;
	z-index:10
}

#country_wrapper {
	height:370px;
	left:224px;
	overflow:hidden;
	position:absolute;
	top:20px;
	width:514px;
	z-index:20
}

#country_bg {
	background:url(../img/bg/country_bg.png) no-repeat;
	height:370px;
	left:-514px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:514px;
	z-index:20
}

.country_item_wrapper {
	filter:alpha(opacity=0);
	font-size:10px;
	height:340px;
	left:0;
	line-height:14px;
	opacity:0;
	overflow:hidden;
	padding:30px 0 0 30px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:484px;
	z-index:30
}

.country_item_wrapper ul {
	float:left;
	list-style:none;
	margin:0 20px 20px 0;
	padding:0
}

.country_item_wrapper li a {
	color:#333;
	font-weight:normal;
}

.country_item_wrapper li a:hover {
	color:#FFF;
	text-decoration:underline
}

/* news */
#news  {
	border-top:1px dashed #A1A1A1;
	margin:20px 0;
}

#news .item {
	border-bottom:1px dashed #A1A1A1;
	padding:20px 0;
	min-height:100px;
}

.item1 {
	display:none;
}

#news .item_image {
	display:inline;
	float:left;
	margin:0 8px 0 0;
	min-height:90px;
	width:137px;
}

#news .item_text {
	float:left;
	width:325px;
}

#news .item_more {
	text-align: right;
}

#news .item_more a {
	background:url(../img/bg/bullet.gif) no-repeat 0 3px;
	font-size:11px;
	font-weight:normal;
	padding:0 0 0 10px;
}

/* sitemap */
.cs_sitemap {
	font-size:11px; 
}

/* videos */
#videos {
	border-top:1px dashed #A1A1A1;
}

.video {
	border-bottom:1px dashed #A1A1A1;
	padding:20px 0;
}

.cs_video_player_jw {
	height:320px;
	margin:50px 0 50px 47px;
	width:376px;
}

/* products */
#product_groups,
#product_models {
	margin:0 0 0 8px;
	width:660px;
}

#product_groups .item,
#product_groups .item_last,
#product_models .item,
#product_models .item_last {
	display:inline;
	float:left;
	height:200px;
	font-family:Verdana, Arial;
	font-size:9px;
	margin:0 15px 5px 0;
	width:150px;
}

#product_models .item_last {
	margin:0 0 5px 0;
}

#product_groups .img,
#product_models .img {
	background:url(../img/bg/product_image.gif) no-repeat;
	height:132px;
	padding:9px;
	width:132px;
}

#product_groups .txt,
#product_models .txt {
	height:50px;
	line-height:16px;
	text-align:center;
	padding:0 9px;
	width:132px;
}

#products table,
#shopping_cart table {
	padding:0;
	width:660px;
}

#products td,
#shopping_cart td,
#products th,
#shopping_cart th {
	padding:5px;
	text-align:left;
}

#products td a {
	font-weight:normal;
}

#products th,
#shopping_cart th {
	background:#AAA;
	color:#FFF;
}

#products td.article_number {
	width:70px;
}

#products td.product_name {
	width:470px;
}

#products td.price {
	font-weight:bold;
	text-align:right;
	width:60px;
}

#products td.icon_add_to_cart {
	width:20px;
}

#products td.info_label_price,
#products td.info_field_price {
	color:#000;
	font-size:12px;
	font-weight:bold;
}

#products td.info_field_order input {
	float:left;
	text-align:center;
	width:40px
}

#products td.info_field_order a {
	display:inline;
	float:left;
	margin:2px 0 0 10px;
}

#products tr.row_1 td,
#shopping_cart tr.row_1 td {
	background:#FFF;
}

#products tr.row_2 td,
#shopping_cart tr.row_2 td {
	background:#EEE;
}

#products .total_products {
	border-top:1px solid #AAA;
	color:#000;
	font-weight:bold;
	padding:5px;
}

#products .product_images_wrapper {
	overflow:hidden;
	height:150px;
	width:650px;
}

#products .product_images_wrapper .item {
	background:url(../img/bg/product_image.gif) no-repeat;
	float:left;
	height:132px;
	padding:9px;
	width:132px;
}

.button_docs_qcad,
.button_docs_qcad a,
.button_docs_qinfo,
.button_docs_qinfo a,
.button_docs_qdata,
.button_docs_qdata a {
	display:inline;
	float:left;
	height:25px;
	margin:0 1px 0 0;
	width:90px;
}

.button_docs_qcad a,
.button_docs_qinfo a,
.button_docs_qdata a {
	margin:0;
}

.button_docs_qcad a {
	background:url(../img/bg/button_docs_qcad.gif) no-repeat 0 0;
}

.button_docs_qcad a:hover {
	background:url(../img/bg/button_docs_qcad.gif) no-repeat 0 -25px;
}

.button_docs_qinfo a {
	background:url(../img/bg/button_docs_qinfo.gif) no-repeat 0 0;
}

.button_docs_qinfo a:hover {
	background:url(../img/bg/button_docs_qinfo.gif) no-repeat 0 -25px;
}

.button_docs_qdata a {
	background:url(../img/bg/button_docs_qdata.gif) no-repeat 0 0;
}

.button_docs_qdata a:hover {
	background:url(../img/bg/button_docs_qdata.gif) no-repeat 0 -25px;
}

/* shopping cart */
#shopping_cart th.product_image,
#shopping_cart td.product_image {
	width:50px
}

#shopping_cart td.product_name {
	font-weight:bold;
}

#shopping_cart td.product_name span {
	display:block;
	font-weight:normal;
}

#shopping_cart th.product_amount,
#shopping_cart td.product_amount {
	text-align:center;
	width:40px
}

#shopping_cart td.product_amount input {
	text-align:center;
	width:40px
}

#shopping_cart td.product_delete {
	width:40px
}

#shopping_cart td.product_delete input {
	border:0
}

#shopping_cart th.product_price,
#shopping_cart td.product_price,
#shopping_cart th.product_total_price,
#shopping_cart td.product_total_price {
	font-weight:bold;
	text-align:right;
}

#shopping_cart td.total_price_label,
#shopping_cart td.total_price {
	border-top:1px solid #AAA;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}

#shopping_cart .cs_form_buttons,
#send_inquiry .cs_form_buttons {
	height:30px;
	margin:10px 0 20px 0;
}

#shopping_cart .cs_form_button,
#send_inquiry .cs_form_anchor {
	float:left;
}

#shopping_cart .cs_form_anchor {
	float:right;
}

#shopping_cart .cs_form_button input,
#shopping_cart .cs_form_anchor a,
#send_inquiry .cs_form_anchor a {
	background:#023b7e;
	border:0;
	color:#FFF;
	height:20px;
	line-height:20px;
	float:left;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	padding:0 10px;
	text-align:center;
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

.show {
	display:block
}

.hide {
	display:none
}

/* filters */
#filter_page {
	background:#FFF;
	bottom:0;
	filter:alpha(opacity=0);
	left:0;
	opacity:0;
	position:fixed;
	right:0;
	top:0;
	z-index:100
}

/* forms */
.cs_form_wrapper fieldset {
	border:0;
	border-bottom:1px solid #CCC;
	margin:0 0 10px 0;
	padding:0;
}

.cs_form_wrapper legend {
	color:#023b7e;
	font-size:12px;
	padding:0;
	margin:0 0 10px 0;
}

.cs_form_wrapper .cs_form_label label {
	font-size:11px;
}

#shop .cs_form_wrapper .cs_form_label label {
	width:200px;
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	font-size:11px;
}

.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	padding:0;
	width:212px;
}

.cs_form_wrapper .cs_form_input textarea {
	width:210px;
}

.cs_form_wrapper .cs_form_button {
	margin:10px 108px 20px 0;
}

#shop .cs_form_wrapper .cs_form_button {
	margin:10px 248px 20px 0;
}

.cs_form_wrapper .cs_form_button input {
	background:#023b7e;
	border:0;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}

#cs_gallery_imagevue_close {
	color:#DDDDDD;
}


/* mootools tips */
.image_tip_wrapper {
	background:#FFF;
	border:1px solid #666;
	position:absolute;
	z-index:1000;
}

#social_media {
	display:none;
	position:absolute;
	right:0px;
	top:10px;
}

#social_media li,
#social_media li a {
	display:inline;
	height:21px;
	float:left;
}

#social_media li {
	margin-right:10px;
}

#social_media li.twitter a {
	background:url(../img/bg/icon_twitter.gif) no-repeat;
	width:70px;
}

#social_media li.facebook a {
	background:url(../img/bg/icon_facebook.gif) no-repeat;
	width:56px;
}

#social_media li.youtube a {
	background:url(../img/bg/icon_youtube.gif) no-repeat;
	width:48px;
}