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

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


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

body, p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	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;
  vertical-align: top;
}

#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.jpg') 4px 4px no-repeat;
  float: left;
  width: 162px;
  height: 75px;
}

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

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

  #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-left: 0;
		padding: 0;
		float: left;
		display: inline;
	}
	
	ul#nav li {display: inline;float: left; list-style-type: none; padding-top: 5px; margin-left: 46px; font-size: 12px;}
	
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height: 13px; display: 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: 1;
  	visibility: hidden;
  	font-size: 12px;
  }
  
  ul#nav li:hover ul {
    left: auto;
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 176px;
    height: 270px;
    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: auto;    
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 300px;
    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: auto;    
    visibility: visible;
    margin: 0;
    padding: 0;
    width: 176px;    
    height: 80px;
    color: #fff !important;
    z-index:1;
    background: transparent url('../images/support-small.jpg')  0 10px no-repeat;
  } ul#nav li:hover ul.support li {
      width: 150px;
    }
  
  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.sfhover ul.support {
    left: auto;
    color: #fff !important;
    margin: 0;
    padding: 0;
    z-index: 9;
    padding-left: 5px;
    padding-top: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
  }
  
  ul#nav li:hover ul.technology,
  ul#nav li.sfhover ul.technology {
    padding-top: 11px;
  }
  
  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;
		height: 22px;
		font-size: 12px;
  }
  
  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;
}

.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: disc;
  margin: 0;
  padding: 0;
  margin-left: 15px;
}

.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: 18px;
  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;
}

.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;
}

.homeRight {
   width: 370px; 
   height: 400px;
   overflow: auto;
   float: left;
   font-size: 8px;
}

.homeCase {
  background: url('../images/homebox.jpg') 0px 0 no-repeat;
  width: 380px;
  height: 338px;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 8px;
}

.homeText {
  padding-right: 5px;
  font-size: 8px;
}

#mainContainer .homeText p {
  font-size: 12px;
}

.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: 200px;
  float: left;
}
.topFlags {
  width: 930px;
  margin: 0 auto;
  line-height: 30px;
}

.topFlags a img {
  border: 0;
}