.screen_hide,
.hide {
	display: none;
}

#footnotes {
	display: none;
}

/*
* Body / HTML
*/

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.8em;
	color:#464648;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/*
* Container
*/

div#container {
	width:824px;
	margin-left:auto;
	margin-right:auto;
}

/*
* Navigation
*/

div#access_keys {
	display: none;
}

ul#navigation {
	width:824px;
	height:22px;
	font-size:12px;
	background-image: url(../layout_images/menu.gif);
	background-position:top;
	background-repeat:no-repeat;
	list-style: none;
	margin: 0;
}

ul#navigation li {
	float: left;
	height:18px;
	border-right: dotted 1px #696969;
	padding:3px 31px 0 30px;
	margin-top:1px;
}

ul#navigation li.last {
	border-right-width: 0px;
	padding-right: 0px;
}

ul#navigation li a {
	color:#ffffff;
	text-decoration: none;
	background-color: #000;
}

ul#navigation li a:hover {
	color:#0097CF;
}

/*
* Active global navigation items
*/ 
body.home ul#navigation li a.home,
body.home_automation ul#navigation li a.home_automation,
body.services ul#navigation li a.services,
body.products ul#navigation li a.products,
body.about_us ul#navigation li a.about_us,
body.resources ul#navigation li a.resources,
body.shop ul#navigation li a.shop,
body.contact ul#navigation li a.contact {
	color:#0097CF;
	text-decoration: none;
}

/*
* Active 2nd level navigation items - services
*/ 
body.design_systems ul li a.design_systems,
body.supply_equipment ul li a.supply_equipment,
body.security_systems ul li a.security_systems,
body.commissioning ul li a.commissioning,
body.full_installation ul li a.full_installation,
body.maintenance_contracts ul li a.maintenance_contracts,
body.leasing_options ul li a.leasing_options,
body.networks ul li a.networks {
	color:#000;
	text-decoration: none;
}

/*
* Active 2nd level navigation items - products
*/
body.speakers ul li a.speakers,
body.speaker_art ul li a.speaker_art,
body.multi_room_control ul li a.multi_room_control,
body.hifi_cinema ul li a.hifi_cinema,
body.lighting_control ul li a.lighting_control,
body.security_systems ul li a.security_systems,
body.door_intercom ul li a.door_intercom {
	color:#000;
	text-decoration: none;
}

/*
* Active 3rd level navigation items - products - speakers
*/
body.audio_pro #content ul.navigation li a.audio_pro,
body.mission #content ul.navigation li a.mission,
body.revel #content ul.navigation li a.revel,
body.speakercraft #content ul.navigation li a.speakercraft {
	color: #000;
	text-decoration: none;
	background-image: url(../layout_images/content_navigation_bullet_active.gif);
}

/*
* Active 3rd level navigation items - products - multi room control
*/
body.mode #content ul.navigation li a.mode,
body.naimnet #content ul.navigation li a.naimnet,
body.living_control #content ul.navigation li a.living_control,
body.amx #content ul.navigation li a.amx,
body.iphone #content ul.navigation li a.iphone {
	color: #000;
	text-decoration: none;
	background-image: url(../layout_images/content_navigation_bullet_active.gif);
}

/*
* Active 2nd level navigation items - shop
*/
body.solaris_speed_dome_cameras ul li a.solaris_speed_dome_cameras,
body.sistore_mx_nvs ul li a.sistore_mx_nvs,
body.sistore_mx ul li a.sistore_mx,
body.sistore_cx ul li a.sistore_cx,
body.sistore_ax ul li a.sistore_ax,
body.sipass_integrated_access_control ul li a.sipass_integrated_access_control,
body.door_intercom ul li a.door_intercom,
body.onkyo_tx_sr706 ul li a.onkyo_tx_sr706,
body.omnipolar_home_theatre_speaker_system ul li a.omnipolar_home_theatre_speaker_system,
body.onkyo_tx_sr606 ul li a.onkyo_tx_sr606,
body.naimnet_music_servers ul li a.naimnet_music_servers,
body.audio_pro_m2 ul li a.audio_pro_m2,
body.mission_m_cube ul li a.mission_m_cube,
body.escient_fireball ul li a.escient_fireball,
body.mission_796 ul li a.mission_796,
body.mission_79c ul li a.mission_79c,
body.mission_790 ul li a.mission_790,
body.mission_794 ul li a.mission_794,
body.ip_camera_range ul li a.ip_camera_range,
body.infocus_projector_in80 ul li a.infocus_projector_in80,
body.image_audio_ia5 ul li a.image_audio_ia5,
body.infocus_projector_in80 ul li a.infocus_projector_in80,
body.high_end_sl ul li a.high_end_sl,
body.gamestands ul li a.gamestands,
body.cinema_electrol_2 ul li a.cinema_electrol_2,
body.blu_ray_disc_player ul li a.blu_ray_disc_player {
	color:#000;
	text-decoration: none;
}

/*
* Home-page banner
*/

body.home #banner {
	width: 824px;
	height: 233px;
	position: relative;
}

body.home #banner div {
	display: none;
}

/*
* Content
*/

div#content {
	margin-top: 14px;
	min-height: 462px;
}

div#content.right {
	padding-left: 222px;
}

div#content.left {
	padding-right: 210px;
}

body.home div#content,
body.contact div#content {
	padding-left: 0!important;
	min-height: inherit;
}

#content img.bottom {
	position: absolute;
	bottom: 0;
	right: 0;
}

#content div.panel {
	margin-bottom: 8px;
}

body.home div.panel {
	float: left;
	margin-left: 10px;
}

body.home div.panel.text {
	width: 155px;
	padding-right: 5px;
	margin-left: 0;
	font-size: 0.85em;
}

body.contact #content {
	position: relative;
}

body.contact div.panel {
	width: 332px;
	background: url(../layout_images/contact_panel_bg.gif) no-repeat top left;	
	padding: 15px;
	position: relative;
	min-height: 120px;
}

body.contact div.panel.form {
	min-height: 250px;
	position: relative;
	line-height: 20px;
}

body.contact div.panel.form .submit {
	margin: 10px 0 0 215px;
	
}

body.contact div.panel div.bot {
	margin: 0;
	padding: 0;
	background: url(../layout_images/contact_panel_bot.gif) no-repeat bottom left;
	width: 362px;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
}

body.contact div.map img {
	position: absolute;
	top: 0;
	right: 0;
}

body.contact #content p,
body.contact #content .formfield input,
body.contact #content .formfield textarea  {
	font-size: 0.85em;
	color: #999;
}

body.contact #content .label {
	float: left;
	width: 120px;
}

body.contact #content .input input,
body.contact #content .input textarea {
	width: 160px;
	border: 1px solid #999;
	border-width: 2px 0 0 2px;
	line-height: 2em;
	color: #000;
}

body.contact #content .input textarea {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	height: 80px;
}

body.contact #content p.address span {
	display: block;
	color: #00aeef;
}

body.contact .panel h2 {
	font-size: 0.85em;
	color: #00aeef;
	font-weight: normal;	
}

div.panel.grey {
	background-image: url(../layout_images/about_top_panel_bg.gif);
	background-repeat: repeat-y;
	width: 600px;
	padding-top: 10px;
}

#content div.panel.grey.fixed_height {
	position: relative;
	min-height: 220px;
}

div.panel.grey .bot {
	margin: 0;
	padding: 0;
	background-image: url(../layout_images/about_top_panel_bot_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 4px;
}

div.panel.grey.fixed_height .bot {
	position: absolute;
	bottom: 0;
	left: 0;
}

div.panel.indent p,
div.panel.grey p {
	margin-left: 1em;
}

div.panel.grey p {
	margin-left: 2em;
	margin-right: 1em;
}

body.home #content div.text p {
	line-height: 1.3em;
	margin: 5px auto;
}

#content div.panel img {
	float: right;
}

#content div.panel img.right {
	margin: 0 0 1em 1em;
}

body.home #content div.panel img {
	float: none;
}

#content.left div.panel img {
	float: left;
}

#content div.panel.fixed_height {
	min-height: 230px;
}

#content .panel ul {
	margin: 1em;
}

#content .panel ul li {
	margin-left: 2em;
}

/* In content horizontal navigation */
#content .panel ul.navigation {
	list-style: none;
	margin: 10px 0 5px 0;
	float: left;
	width: 598px;
}

#content .panel ul.navigation li {
	text-indent: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

 
#content ul.navigation.border,
#content .border ul.navigation {
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
}

#content ul.navigation li {
	float: left;
	line-height: 21px;
}

#content ul.navigation li a {
	padding-left: 25px;
	margin-left: 35px;
	background-image: url(../layout_images/content_navigation_bullet.gif);
	background-position: 7px 3px;
	background-repeat: no-repeat;
	display: block;
}

#content ul.navigation li.first a {
	margin-left: 0;
}

/* Tabular list style */
#content .panel ul.tabular_list {
	list-style: none;
	margin: 0 0 1em 24px;
	float: left;
	width: auto;
	width: 570px;
}

#content ul.tabular_list li {
	float: left;
	display: block;
	width: 275px;
	padding-right: 10px;
	text-indent: 0;
	margin-top: 0;
	margin-left: 0;
}

#content ul.tabular_list li a {
	line-height: 32px;
	background-image: url(../layout_images/web_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 3px 0 5px 40px;
}

#content ul.tabular_list li a.pdf {
	line-height: 32px;
	background-image: url(../layout_images/pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 3px 0 5px 40px;
}

/* Product panels */

#content .panel div.product {
	width: 290px;
	float: right;
	margin: 0px 10px 10px 0;
	height: 110px;
}

#content .panel div.product .image {
	height: 110px;
	width: 127px;
	float: left;
}

#content .panel div.product .text {
	float: left;
	width: 163px;
	height: 127px;
	background: url(../layout_images/product_panel_bg.gif) no-repeat right top;
	padding: 0;
}

#content .panel div.product .text p {
	font-size: 0.9em;
	margin: 0.5em 1em;
}

#content .panel div.product .text h2 {
	margin: 0.5em 1em;
	padding: 0;
	font-size: 0.9em;
}

#content .panel div.product .text p.price {
	font-weight: bold;
	margin-top: 1em;
	padding: 0;
	border: 0;
	color: #464648;
}

.shop #content .panel p.price {
	margin-top: -0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	border-bottom: 2px solid #CCCCCC;
	color: #000;
	font-size: 1.2em;
}

.shop #content .panel p.price span {
	font-weight: normal;
	font-size: 0.7em;
	color: #464648;
}


/*
* Sidebar
*/

div#sidebar_left {
	margin: 14px 36px 0px 0px;
	float: left;
}

div#sidebar_right {
	margin: 14px 0px 0px 10px;
	float: right;
}

div#sidebar_left div.panel,
div#sidebar_right div.panel {
	position: relative;/*
	width: 187px;*/
	background: url(../layout_images/sidebar_left_panel_bg_top.gif) top left no-repeat;
	margin-bottom: 8px;
	min-height: 200px;
	padding: 15px 0 15px 0;
}

div#sidebar_left div.panel {
	width: 187px;
	float: left;
	clear: left;
}

div#sidebar_left div.panel.image,
div#sidebar_right div.panel.image {
	background: none;
	padding: 0;
}

div#sidebar_left div.panel div.bot,
div#sidebar_right div.panel div.bot {
	position: absolute;
	bottom: 0px;
	width: 187px;
	height: 5px;
	clear: both;
	background: url(../layout_images/sidebar_left_panel_bg_bot.gif) bottom left no-repeat;
}

div#sidebar_left div.panel h2,
div#sidebar_right div.panel h2 {
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
	margin: 0 20px 5px 20px;
}

div#sidebar_left div.panel h2 a,
div#sidebar_right div.panel h2 a {
	text-decoration: none;
	color: #000;
}


div#sidebar_left div.panel ul,
div#sidebar_right div.panel ul {
	color: #129DEB;
	list-style: none;
	margin: 2px 30px 5px 30px;
	font-size: 0.9em;
}

div#sidebar_left div.panel ul a:hover,
div#sidebar_right div.panel ul a:hover {
	text-decoration: none;
}

div#sidebar_left div.panel ul li a.active,
div#sidebar_right div.panel ul li a.active {
	color: #000;
	text-decoration: none;
}

/*
* Sidebar right
*/

/*
* Footer
*/

div.footer {
	font-size: 0.8em;
	margin:10px 0 10px 0;
}

div.footer a {
	color: #464648;
	text-decoration: none;
}

div.footer a:hover {
	text-decoration: underline;
}

/*
* Contact page
*/

/*
* Other
*/

div.clear {
	clear:both;
}

a, a:hover, a:visited {
	color:#00AEEF
}

a:hover {
	text-decoration: none;
}

ul { 
	padding: 0;
	margin: 0;
}

li {
	padding: 0;
	margin: 0;
}

img {
	margin:0 0 0 0; padding:0 0 0 0;
}

a img {
	border:0px;
}

img.logo {
	margin:40px 0 24px 0; 
}

h1 {
	font-size:1.25em;
	margin:0px 0 1em 0;
	color:#000;
}

p.productcategory {
font-size:1.25em;
	margin:0px 0 1em 0;
	color:#000;
}

div#content.left h1 {
	margin-left: 12px;
}

div.panel.grey h1 {
	margin: 0 12px 12px 12px;
}

h2 {
	font-size:1.2em;
	margin:0px 0 5px 0px;
	color:#000;
	font-weight: normal;
}

h2.blue {
	color: #009EEB;
}

h3 {
	font-size:1em;
	margin: 1em 0 0 12px;
	color:#000;
}

.resources h3 {
	margin-left: 24px;
}

.resources h1 {
	position: relative;
}

h1 a.get_reader {
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
	padding: 0;
}

p.get_reader img {
	float: none;
}

#content.left h3 {
	clear: left;
}

p {
	margin: 2px 0 5px 0px;
}

#content p {
	line-height: 1.2em;
	font-size: 1em;
	margin: 12px 0;
}

div#content.left p {
	margin-left: 24px;
	margin-right: 12px;
}

.error {
	color: red !important;
	font-size: 0.8em;
}

ul ul {
	margin: 0 auto 0 auto!important;
}