@charset "utf-8";
/* CSS Document */

body {
	background-color: #c0c0c0;
}

/*/////////////////////////////////////// Header ////////////////////////////////////////////*/

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 160px;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 160px;
	width: 241px;
	background-image: url(../image/Core/800x600/drilling-supply-logo.png);
	border-right-width: 5px;
	border-right-color: #aeaaaa;
	border-right-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #aeaaaa;
	border-bottom-style: solid;
}

#hbg {
	position: absolute;
	left: 246px;
	top: 0px;
	height: 160px;
	width: 390px;
	background-image: url(../image/Core/800x600/header-bckg.png);
	border-bottom-width: 5px;
	border-bottom-color: #aeaaaa;
	border-bottom-style: solid;
}

#mach {
	position: absolute;
	left: 636px;
	top: 0px;
	height: 160px;
	width: 315px;
	background-image: url(../image/Core/800x600/header-machine.png);
	border-bottom-width: 5px;
	border-bottom-color: #aeaaaa;
	border-bottom-style: solid;
}

#edc {
	position: absolute;
	top: 50%;
	right: 2%;
	width: auto;
}

#youtube {
	position: absolute;
	top: 75%;
	right: 2%;
	width: auto;
	z-index: 1;
}

#lang {
	position: absolute;
	top: 5%;
	right: 5%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
}

#lang a {
	color: #FFF;
	text-decoration: none;
}

#lang a:hover {
	color: #C00;
}


/*/////////////////////////////////////// Body ////////////////////////////////////////////*/

#content {
	position: absolute;
	left: 0px;
	top: 164px;
	height: auto;
	min-height: 600px;
}

#borderleft {
	position: absolute;
	top: 75px;
	left: 20px;
	height: 137px;
	width: 57px;
	z-index: 1;
	background-image: url(../image/Core/left.png);
	border-right: 2px solid #e1e2e2;
	padding-bottom: 100px;
	background-repeat: no-repeat;
}

#featured {
	position: absolute;
	top: 20px;
	left: 320px;
}

/*/////////////////////////////////////// Menu ////////////////////////////////////////////*/

.menu {
	position: absolute;
	top: 131px;
	left: 245px;
	font: bold 12px Verdana;
	background: none;
	width: 550px;
	z-index: 1;
}

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

/*Top level list items*/
.menu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.menu ul li a {
	display: block;
	background: none;
	padding: 8px 8px;
	color: #FFF;
	text-decoration: none;
}

* html .menu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.menu ul li ul a {
	background: #6385ac;
    filter:alpha(opacity=92); /* IE's opacity*/
    opacity: 0.92;
}

.menu ul li ul a:hover	{
	background: #a2b5ce;
	filter: alpha(opacity=100); /* IE's opacity*/
    opacity: 1;
}
	
/*1st sub level menu*/
.menu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a {
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	height: 35px;
	padding: 5px;
	border-top-width: 0;
	border-bottom: 1px solid white;
	padding-top: 25px;
}

.menu ul li ul li ul li a {
	padding-top: 5px;
	height: auto;
}

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

.smallfont {
	font-size: 9px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
}


/*/////////////////////////////////////// Content ////////////////////////////////////////////*/

#text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 753px;
	min-height: 500px;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 21px;
	padding-left: 114px;
	padding-right: 84px;
	padding-top: 50px;
	text-align: justify;
	background-color: #FFF;
	background-image: url(../image/Core/content-back.png);
	background-repeat: repeat-x;
}

* html #text {
	height: 500px;
}

#text h1 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	color: #4d74a1;
	margin-bottom: 5px;
	text-align: left;
	font-weight: normal;
}

#text h2 {
	width: auto;
	color: #829dbd;
	padding-bottom: 0px;
	padding-top: 5px;
	text-align: left;
	line-height: 30px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(../image/Core/guillm.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#text h3 {
	color: #5b7ca3;
	text-transform: uppercase;
}

#text img {
	margin: 15px;
	border-color: #CCC;
}

#text .top {
	text-align: right;
	font-size: 10px;
	color: #666;
}

#footer {
	position: absolute;
	left: 0px;
	bottom: -450px;
	width: 951px;
	height: 450px;
	background-image: url(../image/Core/footer-back.png);
	background-repeat: repeat-x;
	background-color: white;
	display: block;
	overflow: hidden;
	border-top: solid #999 1px;
}

#footer .text {
	margin-left: 5px;
	margin-right: 0px;
	font-size: 10px;
	color: #696969;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	line-height: 14px;
	letter-spacing: normal;
	text-align: left;
}

#footer .text a {
	color: #696969;
}

#footer .text .sub {
	font-size: 9px;
	padding-left: 30px;
	color: #000;
}

#footer .cont {
	width: 220px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e7d4aa;
	border: 1px solid #999;
}

#footer td {
	padding-top: 13px;
	border-bottom: 1px solid #CCC;
}


/*Tables*/

.tablesml {
	font-size: 11px;
	line-height: 12px;
}

.tablesml p {
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.tablesml table {
	border-collapse: collapse;
}

.tablesml td {
	padding-top: 5px;
	border-bottom: 1px solid #ccc;
}

.tablesml table {
	border-top: 1px solid #ccc;
}







/*///////////////////////////////////////////////////////////////////////////////// !! OLD SITE STARTS !! /////////////////////////////////////////////////////////*/
		
		
		/* Links */
			a:link, a.offsite:link { 
				color: #413fad; 
				text-decoration: none; 
			}
			
			a:visited, a.offsite:visited { 
				color: #413fad; 
				text-decoration: none; 
			}
			
			a:hover, a.offsite:hover { 
				color: #363490; 
				text-decoration: underline; 
			}


.productname {
	color: #413fad;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}

	/* Products */
	#pimage {
	display: block;
	width: 100%;
}
	
	#image {
	height: auto;
	width: auto;
	padding: 10px;
	display: inline;
	text-decoration: none;
	border: 0px;
}					
	
	#insidepic {
	float: left;
	padding-right: 20px;
}

	/* Specs Table */
	th {
	background-color: #A6B9D0;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	th.odd {
	background-color: #cdd8e5;
	}
	
	td.even {
	background-color: #ececf1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-left: 20px;
	}

	
	td.odd {
	background-color: #f7f7fa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-left: 10px;
	}
	
/* Info Req */

.textbox {
	border: #413fad 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000066;
	background-color: #CCCCCC;
	margin: 2px;
}

/* Image Gallery */

.slideshow{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 33px;
	}

.slideshow img{
	border: 0;
	width: 200px;
	height: 150px;
	margin-top: 29px;
	}

#navlinks{
	width: 488px;
	}

#navlinks a{ 
	margin-right: 8px;
	margin-bottom: 3px;
	font-size: 110%;	
	}

#navlinks a.current{
	background-color: yellow;
	}
	
.titlebg {
	background-color: #CCCCCC;
}

/* Home */

td.n {
	background-color: #FFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-left: 5px;
}

/* Geothermal */

td.g {
	background-color: #FFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

/* Comparaison Table */

tr.even {
	background-color: #E4E4E4;
	font-size: small;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}