/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/


/* Elements
----------------------------------------*/
body {
	background: #000000;
	position: relative;
}

body, p, td, th, li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #ffffff;

}

#mainContainer {
  width: 976px;
  margin: 0 auto;
}

#mainContainer p {
  /*padding-left: 25px;*/
  padding-right: 20px;
}

#bg-top {
  background: url('../images/bgtop.gif') no-repeat;
  height: 19px;
}

object {
  z-index: -4;
}

ul li {
  text-align:left;
}

#bg {
  background: url('../images/bg-middle.gif') repeat-y;
  padding: 5px;
  height: 580px;
}

#bg-bottom {
  background: url('../images/bg-bottom.gif') no-repeat;
  height: 19px;
}

#header-left {
  background: url('../images/delkim_logo.png') 4px 4px no-repeat;
  float: left;
  width: 175px;
  height: 75px;
}

  #header-left a {
    display: block;
    width: 175px;
    height: 75px;
  }

#header-right {
  float: left;
  width: 750px;
  margin-left: 20px;
}

  #header-right p {
    padding-top: 6px;
  }

  #header-right .top {
    height: 50px;
    padding-left: 5px;
  }

  #header-right .bottom {
    height: 24px;
    background: url('../images/menubg.gif') no-repeat;
    width: 750px;
  }

p {
	margin: 0 0 1em 0;
}


/*--- Link Styles ---*/
a:link, a:visited {
	color: #fff;
}

a:hover, a:active {
	color: #a514db;
}

h1 {
	color: #fff;
	margin: .825em 0 .5em 1em;
	font-size: 2.125em;
}

h2 {
	color:  #fff;
	margin:  .825em 0 .5em 0;
	font-size:  1.75em;
}

h3 {
	color: #fff;
	margin-left: 25px;
	margin-top: 30px;
	font-size: 1.5em;
}

h4 {
	color: #fff;
	margin: .825em 0 .5em 0;
	font-size: 1.25em;
}

h5 {
	color: #5C8127;
	margin: .825em 0 .5em 0;
	font-size: 1.125em;
}

h6 {
	color: #5C8127;
	margin: .825em 0 .5em 0;
	font-size: 1em;
}

ul {
  margin: 0;
	list-style-type: none;
	list-style-position: inside;
}

ol {
	margin-left: 25px;
}

blockquote	{margin:  0 0 18px 18px; color: #666666; font-style:  italic;}
strong		{font-weight: bold;}
em		{font-style: italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float: left;}
.right 		{float: left;}
.clearThis 	{clear: both;}
.small		{font-size: .625em;}
.large		{font-size: 1em;}
.soft		{color: #D3D3D3;}
.hide		{display: none;}
p.last		{margin-bottom: 0px;}

/* Header
----------------------------------------*/
#header {
	width: 976px;
	height: 80px;
}

	/* Nav
	----------------------------------------*/
	ul#nav {
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}

	ul#nav li {
		float: left;
		list-style-type: none;
		margin:0;
		padding:0;
		padding-top: 4px;
		margin-left: 20px;
		font-size: 12px;
		position: relative;
		z-index:10;
	}

	/* Image Replacement
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height: 13px; display: inline-block; outline: none;}
	ul#nav li a img {border: 0;}
	ul#nav li ul,
	ul#nav li ul.technology,
	ul#nav li ul.support {
  	position: absolute;
  	width: 176px;
  	left: -999em;
  	text-align: left;
  	height: auto;
  	z-index: 10;
  	visibility: hidden;
  	font-size: 12px;
  }

  ul#nav li:hover ul {
    left: 0px;
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 230px;
    height: 350px;
    color: #fff !important;
    z-index:1;
    background: transparent url('../images/dropdown.jpg')  0 10px no-repeat;
  } ul#nav li:hover ul li {
      width: 150px;
    }

  ul#nav li:hover ul.technology {
    left: 0px;
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 176px;
    height: 110px;
    color: #fff !important;
    z-index: 1;
    background: transparent url('../images/techdropdown.jpg')  0 5px no-repeat;
  } ul#nav li:hover ul.technology li {
      width: 166px;
    }

  ul#nav li:hover ul.support {
    left: 0px;
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 176px;
    height: 175px;
    color: #fff !important;
    z-index:1;
    background: transparent url('../images/support-dropdown.jpg')  0 10px no-repeat;
  } ul#nav li:hover ul.support li {
      width: 150px;
    }

  ul#nav li:hover ul.soundbites {
    left: 0px;
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 176px;
    height: 285px;
    color: #fff !important;
    z-index:1;
    background: transparent url('../images/soundbites.jpg')  0px 10px no-repeat;
  } ul#nav li:hover ul.soundbites li {
      width: 150px;
      height: 28px;
    }

  ul#nav li:hover ul.dealers {
    left: 0px;
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 176px;
    height: 80px;
    color: #fff !important;
    z-index:1;
    background: transparent url('../images/dealersdrop.jpg')  0 10px no-repeat;
  }

  ul#nav li:hover ul.support li {
    padding-top: 2px;
  }

  ul#nav li:hover ul,
  ul#nav li.sfhover ul,
  ul#nav li:hover ul.technology,
  ul#nav li.sfhover ul.technology,
  ul#nav li:hover ul.support,
  ul#nav li:hover ul.soundbites,
  ul#nav li.sfhover ul.soundbites,
  ul#nav li.sfhover ul.support,
  ul#nav li:hover ul.dealers,
  ul#nav li.sfhover ul.dealers {
    left: 0px;
    color: #fff !important;
    margin: 0;
    padding: 0;
    z-index: 9;
    padding-left: 5px;
    padding-top: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
	top: 0;
	t\op: 15px;
  }

  ul#nav li:hover ul.technology,
  ul#nav li.sfhover ul.technology {
    padding-top: 15px;
	top: 20px;
  }

  ul#nav li ul,
  ul#nav li ul.technology,
  ul#nav li ul li,
  ul#nav li ul li a {
  	color: #ffffff;
  	margin: 0;
	  padding: 0;
	  font-size: 12px;
  }

  ul#nav li ul li a
  {
    background: black;
		line-height: 22px;
		text-decoration: none;
		color: #fff !important;
		float: left;
		z-index: 4;
		width: 154px;
		margin: 0;
		padding: 0;
		position: 0;
		top: 0;
		font-size: 12px;
		height: 22px;
  }

  ul#nav li ul li a:hover {font-weight: bold;}

  ul#nav li ul,
  ul#nav li ul.technology {
  	font-size: 12px;
  	color: #fff;
  	text-align: left;
    text-decoration: none;
    font-size: 12px;
    z-index: 2;
  }


/* Main Content
----------------------------------------*/
#mainContent {
	width: 960px;
	text-align: justify;
}

.left {
  width: 270px;
}
.leftProd {
  width: 250px;
  float: left;
}

.right {
  width: 680px;
}

#mainContent p {
  font-size: 13px;
  text-align: justify;
}

.prodCase {
  width: 821px;
}
.newsticker {
  float: left;
}

/* Footer
----------------------------------------*/

#footer {
	width: 821px;
	clear: both;
	height: 30px;
}

#footer p {
	font-size: .625em;
}

.prodCase {
  background: url('../images/prodbox.jpg') 15px 0 no-repeat;
  width: 530px;
  height: 400px;
  padding-top: 10px;
  text-align: justify;
}

.prodCase-small {
	background: url('../images/prodbox-smaller.jpg') 15px 0 no-repeat;
	width: 390px;
	height: 400px;
	padding-top: 10px;
	text-align: justify;
}

.prodBox-small {
	width: 390px;
	height: 380px;
	z-index: 10;
	scrollbar-base-color: #8844EF;
	scrollbar-track-color: #000000;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
}

.prodText-small {
	padding-right: 40px;
	width: 360px;
	margin-top: 15px;
	margin-left: 30px;
	text-align: justify;
}

.prodBox {
  width: 536px;
  height: 380px;
  z-index: 10;
  scrollbar-base-color: #8844EF;
  scrollbar-track-color: #000000;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
}

#mainContent .prodText p {
  font-size: 13px;
  text-align: justify;
}

.prodText {
  padding-right: 20px;
  width: 480px;
  margin-top: 15px;
  margin-left: 30px;
  text-align: justify;
}

.prodText ul,
.aboutUsPadding ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 15px;
}

.prodText ul li,
.prodText-small ul li,
.aboutUsPadding ul li {
	background: url('../images/bullet.png') top left no-repeat;
	padding-left: 22px;
	margin-bottom: 15px;
}

.demovideo ul li {
	margin-bottom: 0;
}

.aboutUsPadding ul li b,
.purple {
	display: block;
}

.prodText ul li b,
.prodText-small ul li b,
.aboutUsPadding ul li b,
.prodText ul li b a,
.prodText-small ul li b a,
.aboutUsPadding ul li b a,
.purple {
	color: #8b418c;
	font-size: 14px;
	font-weight: bold;
}

.aboutUsPadding h5 {
	color: #8b418c !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

h1.purple {
	font-size: 2.125em !important;
	margin-bottom: 20px !important;
}

.aboutUsPadding ul {
  font-size: 12px;
  margin: 20px;
}

.prodText p {
  padding-bottom: 10px;
}

.productPage a img {
  margin: 0 15px;
  border: 0;
}

.prodText span {
  display: block;
}


/*
Tables */

.comparison {
  /*margin-left: 20px;*/
  margin-bottom: 5px;
}

.comparison th, .comparison td {
  font-size: 16px;
  padding: 4px 25px 0 0;
  line-height: 20px;
  text-align: center;
}

.comparison td {
  font-size: 13px;
  border-bottom: 1px solid #fff;
}

.prices td {
  padding: 5px;
}

.prices th {
  font-size: 12px;
  padding-left: 6px;
}

.aboutUsCase {
  background: url('../images/textbox.jpg') 15px 0 no-repeat;
  height: 406px;
  width: 950px;
  text-align: left;
}

.returnsCase {
  background: url('../images/returns.jpg') 12px 0 no-repeat;
  height: 480px;
  width: 950px;
  text-align: left;
}

.returnsBox {
  height: 472px;
  position: relative;
  top: 8px;
  left: 0;
  width: 922px;
  scrollbar-base-color: #8844EF;
  scrollbar-track-color: #000000;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  padding-left: 20px;
}

.aboutUsBox {
  height: 392px;
  position: relative;
  top: 8px;
  left: 0;
  width: 922px;
  scrollbar-base-color: #8844EF;
  scrollbar-track-color: #000000;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
}

.aboutUsPadding {
  width: 900px;
  margin-top: 10px;
  margin-left: 20px;
  text-align: left;
}

.aboutUsPadding h1 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  margin: 20px 0 5px 0;
}

.aboutUsBox {
  padding-left: 15px;
  text-align: left;
}

/*
Dealers Box */

.dealersBox {
  width: 280px;
  height: 180px;
  background: url('../images/dealers.jpg') no-repeat;
  margin-left: 25px;
  margin-top: 20px;
  padding: 10px;
}

#bigImage {
  z-index: 2;
  position: relative;
}

.colors {
  width: 77px;
  float: left;
  margin: 0;
  padding: 0;
  margin-top: 26px;
  padding-left: 8px;
  z-index: 7;
  position: relative;
}

  .colors li {
    width: 74px;
    height: 69px;
    cursor: pointer;
    z-index: 8;
  }

  .colors li img {
    z-index: 9;
  }

.colored {

}

a.lightBox img {
  border: 2px solid #8f4aff;
  float: right;
  margin: 5px;
}

.aboutunique {
  width: 860px;
}

.returnsUnique {
  width: 860px;
}

.returnsUnique p{
	margin: 0 0 0.3em;
}

.homeRight {
   width: 370px;
   height: 400px;
   overflow: auto;
   float: left;
}

.homeCase {
  background: url('../images/homebox.jpg') 0px 0 no-repeat;
  width: 380px;
  height: 338px;
  padding-top: 10px;
  padding-left: 15px;
} .identikitCase {
    background: url('../images/indentikit-bg.jpg') 0px 0 no-repeat;
    width: 618px;
    height: 367px;
    padding-top: 10px;
    padding-left: 15px;
  }

.homeText {
  padding-right: 5px;
}

.prodText ul {
  list-style-position: outside;
}

.top p {
  float: left;
  padding-bottom: 0;
  margin-bottom: 0;
}

.news {
  width: 220px;
  padding-top: 5px;
  padding-left: 10px;
  float: left;
  height: 30px;
}

.news marquee {
  width: 230px;
}

.downloads h1 {font-size: 20px; padding: 0;margin: 0; margin-top: 10px;}
.downloads h2 {font-size: 18px; padding: 0;margin: 0;}
.downloads h3 {font-size: 16px; padding: 0;margin: 0; margin-top: 10px;}

.downloads label {
  width: 70px;
  float: left;
}

.downloads input {
  width: 140px;
  float: left;
}

.aboutUsPadding ul.downloads1,
.aboutUsPadding ul.downloads2 {
  line-height: 20px;
  margin: 0;
  padding-top: 0;
  list-style-type: none;
}

.aboutUsPadding ul.downloads2 {margin: 10px;list-style-type: none; padding-left: 10px;}
.aboutUsPadding ul.downloads3 {margin: 0px;list-style-type: none; padding-left: 10px;}
.aboutUsPadding ul.downloads4 {margin: 0px;list-style-type: none; padding-left: 10px;}

.theThumbnail {
  position: absolute;
  border: 0;
}

.imageLink {
  border: 0;
  height: 10px;
}

ul.downloadsUL {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.downloadsUL li {
  width: 150px;
  margin: 10px;
  float: left;
  list-style-type: none;
  text-align: center;
}

ul.downloadsUL li a img {
  border: 0;
}

.downloadscontact label {
  width: 100px;
  float: left;
  margin-bottom: 10px;
}

.downloadscontact input {
  width: 300px;
  float: left;
}

.downloadscontact textarea {
  width: 300px;
  height: 80px;
  float: left;
}

/*
Demo Video */

.demovideo .left {
  width: 33%;
  float: left;
  /*padding-left: 10px;*/
  /*margin-right: 10px;*/
}

.demovideo .leftend {
  width: 34%;
  float: right;
}

  .demovideo .leftUL {
    width: 100%;
  }

.demovideo h1 {
  font-size: 22px;
  line-height: 22px;
  margin-top: 0;
  color: #a003d7;
}
  .demovideo h5 {
    color: #fff !important;
  }

  .demovideo ul {
    padding: 0;
    margin: 0;
    margin-left: 5px;
  }


#tradeEnquiries {
  position: absolute;
  background: #000;
  left: 50%;
  width: 40%;
  padding: 1%;
  border: 1px solid #8f4aff;
  top: 50%;
  margin-left: -18%;
}

.topFlags {
  width: 930px;
  margin: 0 auto;
  line-height: 30px;
}

.topFlags a img {
  border: 0;
}

.error{
	color:red;
}

#mainContent .column{
	float:left;
	padding-left:40px;
}

#mainContent .column h1{
	margin:0;
}

#mainContent .column ol{
	margin:0;
	padding:0;
	padding-left:20px;
}

#mainContent .column li{
	margin:0;
	padding:0;
}

table.parts input{
	display:inline-block;
	float:right!important;
	width:40px!important;
}

table.parts label{
	display:inline-block;
	float:none!important;
	width:auto!important;
}

a.bigContactLink{
	font-size:24px;
	text-decoration:none;
	color:yellow;
	line-height:64px;
}

a.bigContactLink:hover{
	color:white;
}

span.required{
	color:red;
	padding:0 6px;
}

table.parts th{
	font-size:16px;
}

.connect_widget_summary {
	color: #000 !important;
	display: none !important;
}
