/*
	---------------------
	Company:  Leopard, Inc.
	Author:  Chris Johnson
	Date:  June 29, 2007
	----------------------
*/

/*------------------ PAGE/GENERAL------------- */
	
* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #0e1012;
	background-color:#FFFFFF;
	background-image:url(../images/secondarybody_bg.jpg);
	background-repeat:repeat-x;
	font-size: 12px;
	height: 100%;
	width: 100%;
}

.alert {
	color: #FF0000;
}

.bold {
	font-weight:bold;
	}
	
.clearer {
	clear: both;
}

img {
	border-style: none;
}

a:link {
	color:#f79502;
	text-decoration: none;
	}
	
a:visited { 
	color: #f79502;
	text-decoration: none;
	}
	
a:hover { 
	color: #47ca14;
	text-decoration: none;
	}
	
a:active { 
	color: #f79502;
	text-decoration: none;
	}

.green {
	color: #47ca14;
	}

.darkgreen {
	color: #268b1b;
	text-transform:uppercase;
	padding: 4px 0 4px 3px;
	}

.lightenrow {
	background-color: #a7e3f1;
}

.italic {
	font-style:italic;
	}
	
/*-------------------------- FILETYPE ICONS ------------------------ */
.powerpoint {
	background-image:url(../images/icons/powerpoint.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding: 0 32px 0 0;
	}
	
.pdf {
	background-image:url(../images/icons/pdf.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding: 0 32px 0 0;
	}

/*-------------------------- TABLES ------------------------ */	
table {
	clear: both;
	border-collapse: collapse;
	border: 3px solid #ffa70e;
	width: 550px;
	padding: 7px;
	margin: 8px 0 0 0;
	background-image:url(../images/formbg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#a0dae8;
	color: #153b45;
	}
	
#noBorderTable {
	clear: both;
	border-collapse: collapse;
	width: 550px;
	padding: 7px;
	margin: 0;
	color: #153b45;
	border: 0px none;
	}
#noBorderTD {
	border-top: 0px none;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
	
th, td {
	padding: 2px;
	}
	
td {
	border-top: 1px dotted #48b8e8;
	}
	
th {
	color: #FFFFFF;
	background-color:#ffa70e;
	padding: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	text-transform:uppercase;
	text-align: left;
	}
	
.odd {
	background-color:#8ecbda;
	}
	
tr:hover {
	background-color:#82c0cf;
	color: #FFFFFF;
}

#noHoverTR:hover {
	background-color: transparent;
	color: inherit;
}
.noHover:hover {
	background-color: transparent;
	color: inherit;
}

thead tr:hover {
	background-color: transparent;
	color: inherit;
	}
	
input {
	width: 50px;
	border:1px solid #4b95a8;
}

input:focus, textarea:focus {
	background-color:#ffe8c0;
}

.left {
	width: 330px;
	float: left;
	}
	
.right {
	float: right;
	color: #39a211;
	}
	
#button_image_replacement {
  float: right;
  width: 107px;
  height: 26px;
  margin: 15px 0 0 0;
  border: 0;
  background: transparent url(../images/calculatebutton.gif) no-repeat;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

form>#button_image_replacement { /* For non-IE browsers*/
  height: 0px;
}
	
#container #contentarea #textarea #facts img{
	float:none;
	display: relative;
	padding: 0;
	margin: 0;
}
/*-------------------------- CALCULATOR SPECIFIC TABLE ------------------------ */
.calculator tr:hover {
	background-color: transparent;
	color: #153b45;
}

/*-------------------------- LOGIN FORM ------------------------ */

legend {
	color: #FFFFFF;
	background-color:#ffa70e;
	margin: 0 0 0 -10px;
	padding: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	text-transform:uppercase;
	}
	
#toolboxlogin fieldset{
	width: 275px;
	margin: 0;
	padding: 7px;
	border: 3px solid #ffa70e;
	background-color:#a0dae8;
	background-image: url(../images/loginbg.gif);
	background-repeat:repeat-x;
	background-position: left top;
	}

.loginbg {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	text-transform:uppercase;
	color: #FFFFFF;
	border: none;
	}
	
#toolboxlogin input{
	margin-top: 13px;
	width: 170px;
	border:1px solid #4b95a8;
	font-size: 14px;
	padding: 2px;
	float: left;
	}

#adminFirstName{
	width: 100px;
	border:1px solid #4b95a8;
	font-size: 14px;
	padding: 2px;
	}
	
#adminLastName {
	width: 100px;
	border:1px solid #4b95a8;
	font-size: 14px;
	padding: 2px;
	}
	
#adminEmail {
	width: 130px;
	border:1px solid #4b95a8;
	font-size: 14px;
	padding: 2px;
	}

#adminUserName {
	width: 150px;
	border:1px solid #4b95a8;
	font-size: 14px;
	padding: 2px;
	}

#adminPassword {
	width: 150px;
	border:1px solid #4b95a8;
	font-size: 14px;
	padding: 2px;
	}

#Add {
	height: 20px;
	width: 82px;
	border: 0px none;
}
#Delete {
	height: 20px;
	width: 60px;
	border: 0px none;
}
	
.spacer {
	height: 25px;
	}
	
#toolboxlogin label{
	margin-top: 13px;
	color: #2f7e93;
	font-size:14px;
	width: 80px;
	}
	
#login_button_image_replacement {
  width: 107px;
  height: 26px;
  margin: 10px 0 0 0;
  border: 0;
  background: transparent url(../images/signinbutton.gif) no-repeat;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#submit_button_image_replacement {
  width: 107px;
  height: 26px;
  margin: 10px 0 0 0;
  border: 0;
  background: transparent url(../images/submitbutton.gif) no-repeat;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

form>#login_button_image_replacement { /* For non-IE browsers*/
  height: 0px;
}

.center {
	text-align:center;
	}
	
#toolboxlogin a:link {
	color:#2f7e93;
	text-decoration: underline;
	}
	
#toolboxlogin a:visited { 
	color: #2f7e93;
	text-decoration: underline;
	}
	
#toolboxlogin a:hover { 
	color: #ffa70e;
	text-decoration: #ffa70e;
	}
	
#toolboxlogin a:active { 
	color: #2f7e93;
	text-decoration: underline;
	}
	
label {
	float: left;
	width: 330px;
}

	
/*-------------------------- CONTAINER------------------------ */

#container {
	width: 848px;
	position: relative;
	min-height: 100%;
}

* html #container{
	height: 100%;
}
	
#leftcolumn{
	float: left;
	width: 644px;
	}

/*--------------------- HEADER AREA WHY4U------------------- */

#headerbuttons_why4u {
 	width: 644px;
 	height: 261px;
 	background-image:url(../why4u/images/headerarea.jpg);
 	padding: 0px;
	position: relative;
}

#headerbuttons_why4u li {margin-left: 122px; padding: 0; list-style: none; float: left;}

#headerbuttons_why4u a {display: block;}

#home {left: 0px; top: 0px; width: 174px; height: 137px;}

#home a {height: 137px;}
	
/*--------------------- HEADER AREA SOLUTIONS------------------- */

#headerbuttons_solutions {
 	width: 644px;
 	height: 261px;
 	background-image:url(../solutions/images/headerarea.jpg);
 	padding: 0px;
	position: relative;
}

#headerbuttons_solutions li {margin-left: 122px; padding: 0; list-style: none; float: left;}

#headerbuttons_solutions a {display: block;}

/*--------------------- HEADER AREA MANUFACTURERS------------------- */

#headerbuttons_manufacturers {
 	width: 644px;
 	height: 261px;
 	background-image:url(../manufacturers/images/headerarea.jpg);
 	padding: 0px;
	position: relative;
}

#headerbuttons_manufacturers li {margin-left: 122px; padding: 0; list-style: none; float: left;}

#headerbuttons_manufacturers a {display: block;}

/*--------------------- HEADER AREA CONTACT US------------------- */

#headerbuttons_contactus {
 	width: 644px;
 	height: 261px;
 	background-image:url(../contactus/images/headerarea.jpg);
 	padding: 0px;
	position: relative;
}

#headerbuttons_contactus li {margin-left: 122px; padding: 0; list-style: none; float: left;}

#headerbuttons_contactus a {display: block;}

/*--------------------- HEADER AREA TOOLBOX------------------- */

#headerbuttons_toolbox {
 	width: 644px;
 	height: 261px;
 	background-image:url(../toolbox/images/headerarea.jpg);
 	padding: 0px;
	position: relative;
}

#headerbuttons_toolbox li {margin-left: 122px; padding: 0; list-style: none; float: left;}

#headerbuttons_toolbox a {display: block;}

/*---------------------MAIN NAVIGATION----------------------*/

#navigation {
	width: 594px;
	height: 33px;
	float: right;
}

#navbuttons {
 	width: 594px;
 	height: 33px;
 	float: left;
 	background-image:url(../images/navigation.gif);
 	padding: 0px;
 	position: relative;
}

#navbuttons li {margin: 0; padding: 0; list-style: none; float: left;}

#navbuttons a {display: block;}

#navbuttons2 {
 	width: 180px;
 	height: 33px;
 	float: right;
 	background-image:url(../images/logoff.gif);
 	padding: 0px;
 	position: relative;
}

#navbuttons2 li {margin: 0; padding: 0; list-style: none; float: left;}

#navbuttons2 a {display: block;}


#why4u {left: 0px; top: 0px; width: 149px; height: 33px;}
#solutions {left: -149px; top: 0px; width: 149px; height: 33px;}
#manufacturers {left: -298px; top: 0px; width: 149px; height: 33px;}
#contactus {left: -447px; top: 0px; width: 147px; height: 33px;}
#logoff {left: 0px; top: 0px; width: 180px; height: 33px;}

#why4u a {height: 33px;}
#solutions a {height: 33px;}
#manufacturers a {height: 33px;}
#contactus a {height: 33px;}
#logoff a {height: 33px;}

#why4u a:hover {background: url(../images/navigation.gif) -595px 0px no-repeat;}
#solutions a:hover {background: url(../images/navigation.gif) -744px 0px no-repeat;}
#manufacturers a:hover {background: url(../images/navigation.gif) -893px 0px no-repeat;}
#contactus a:hover {background: url(../images/navigation.gif) -1042px 0px no-repeat;}
#logoff a:hover {background: url(../images/logoff.gif) -180px 0px no-repeat;}

/*---------------------SECONDARY NAVIGATION----------------------*/

#secondarynav {
	float: left;
	width: 184px;
	font-size:12px;
	margin: 0 0 90px 0;
	padding: 0 0 0 0;
}
	
#secondarynav li{
	list-style:none;
	padding: 5px 0 5px 25px;
	background-image:url(../images/dottedline.gif);
	background-repeat:repeat-x;
	background-position:top left;
	}
	
#secondarynav a {
	display: block;
}
	
#secondarynav a:link {
	color: #47ca14;
	}
	
#secondarynav a:visited { 
	color: #47ca14;
	}
	
#secondarynav a:hover { 
	color: #f79502;
	}
	
#secondarynav a:active { 
	color: #47ca14;
	}
	
#secondarynav img {
	margin: 0 0 0 22px;
	}
	
#active  a:link{
	color: #f79502;
	font-weight:bold;
}

#active a:visited { 
	color: #f79502;
	font-weight:bold;
	}
	
#active a:hover { 
	color: #f79502;
	font-weight:bold;
	}
	
#active a:active { 
	color: #f79502;
	font-weight:bold;
	}
	
#activesubsub  a:link{
	color: #f79502;
	font-weight:bold;
}

#activesubsub a:visited { 
	color: #f79502;
	font-weight:bold;
	}
	
#activesubsub a:hover { 
	color: #f79502;
	font-weight:bold;
	}
	
#activesubsub a:active { 
	color: #f79502;
	font-weight:bold;
	}
	
	
/*---------------------SUB SUB NAV----------------------*/
#subsubnav li{
	list-style:none;
	padding: 3px 0 5px 18px;
	background-image:none;
	}
	
/*---------------------SUB SUB SUB NAV----------------------*/
#subsubsubnav li{
	list-style:none;
	padding: 3px 0 5px 15px;
	background-image:url(../images/icons/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#subsubsubnav  a:link{
	color: #448fa2;
}

#subsubsubnav a:visited { 
	color: #448fa2;
	}
	
#subsubsubnav a:hover { 
	color: #f79502;
	}
	
#subsubsubnav a:active { 
	color: #f79502;
	}
	
#activesubsubsub  a:link{
	color: #f79502;
	font-weight:bold;
}

#activesubsubsub a:visited { 
	color: #f79502;
	font-weight:bold;
	}
	
#activesubsubsub a:hover { 
	color: #f79502;
	font-weight:bold;
	}
	
#activesubsubsub a:active { 
	color: #f79502;
	font-weight:bold;
	}

/*---------------------PAGE INFO----------------------*/

#pageinfo {
	float: left;
	padding: 14px 0 17px 25px;
	width: 715px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#pageinfo h1 {
	font-size:17px;
	color:#f79502;
	font-weight:normal;
	float: left;
	padding: 0 0 0 18px;
	background-image:url(../images/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#pageinfo p{
	padding: 7px 0 0 0;
	float: right;
	font-size:10px;
	font-weight:bold;
	color: #47ca14;
}

#pageinfo p a:link {
	color: #f79502;
	}
	
#pageinfo p a:visited { 
	color: #f79502;
	}
	
#pageinfo p a:hover { 
	color: #47ca14;
	}
	
#pageinfo p a:active { 
	color: #f79502;
	}

/*------------------ CONTENT AREA---------------- */
#contentarea {
	width: 760px;
	}
	
#flasharea { 
	position: relative;
	width: 350px;
	float: right;
	}
	
#thumbs_container {
	float: right;
	width: 366px;
	padding: 0 0 4px 8px; 
	}
	
#thumbs {
	text-align:center;
}

#container #contentarea #textarea #thumbs_container #thumbs img{
	float:none;
	display: relative;
}

#thumbstag {
	text-align:center;
	font-size:10px;
	color: #448fa2;
	}
	
#textarea {
	width: 550px;
	float: right;
	padding: 0 0 90px 0;
	}
	
#textarea p{
	padding: 0 0 24px 0;
	line-height: 18px;
	}
	
#textarea h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #448fa2;
	font-weight:normal;
	padding: 0 0 24px 0;
	text-transform:uppercase;
}

#textarea h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #47ca14;
	padding: 0 0 14px 0;
	font-weight:normal;
	text-transform:uppercase;
}

#textarea img { 
	padding: 0 0 4px 8px; 
	display: inline; 
	float: right;
	}
	
#textarea ul{
	list-style-type: disc;
	list-style-image: url(../images/bulletpoint.gif);
	list-style-position: inside;
	text-indent: -15px;
	margin: 0 0 24px 15px;
}
	
#textarea li{
	padding: 0;
	margin: 10px 0 0 0;
	}
	

/*----------- FOOTER AREA---------------- */

#copyright {
	padding: 15px 0 10px 15px;
	font-size: 10px;
	line-height: 18px;
	width: 500px;
	color: #0a4959;
}

.toolbox {
	font-size:13px;
}

.toolbox img {
	padding: 0 0 0 4px;
	}

/*----------- BUBBLE TOOLTIPS ---------------- */

.tooltip{
	width: 200px; 
	color:#0a4959;
	font-size:10px;
	text-decoration:none;
	text-align:left
}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #47ca14;font-weight:bold;
    background: url(../images/bt.gif) no-repeat bottom}

/*----------- IMAGE GALLERY  ---------------- */


.thumbnail {
	float: left;
	width: 150px;
	margin: 0 15px 15px 0;
	padding: 5px;
}