/* MadgeTech CSS file */
body
{
	margin: 0;
	padding: 0;
	font-size: x-small;
	font-family: Verdana;
	background-color: #8d95a5;
	letter-spacing: 0.05px;
}

td
{
	text-align: left;
}

td.right
{
	text-align: right;
}

td.center
{
	text-align: center;
}

th.center
{
	text-align: center;
}

.date
{
	width: 100%;
	text-align: center;
	font-size: xx-small;
	color: #808080;
}

.reminder
{
	font-weight: bolder;
	color: #800000;
}

.bitsmaller
{
	font-size:	80%
}

A:link
{
	color: #05054c;
	/*text-decoration: underline;*/
}
A:visited
{
	color: #369;
}

A:active
{
	color: #333366;
	text-decoration: none;
}

A:hover
{
	color: #80aaca;
	text-decoration: underline;
}

A.dark:link
{
	color: #FFFFFF;
	text-decoration: none;
}

A.dark:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
A.dark:active
{
	color: #FFFFFF;
	text-decoration: none;
}

A.dark:hover
{
	color: #99CCFF;
	text-decoration: none;
}

TD
{
	font-size: small;
	font-family : Verdana;
	background-repeat: no-repeat;
}

P
{
	font-size: 11px;
	font-family : verdana;
}

TD.smaller
{
	font-size: 9px;
	font-family : Verdana;
	color : #000;
}
TD.header
{ font-size: 1em; 
font-family : Verdana; 
color : #f0f8ff; 
font-weight: bold; 
font-variant: small-caps; 
background-color: #2c6080; 
background-repeat: repeat; 
text-transform: uppercase; 
text-align: center; }

TD.header2
{ font-size: 0.8em; 
font-family : Verdana; 
color : #003151; 
font-weight: bold; 
text-align: left; }
TD.h5 { color: #036; font-size: 1em; font-weight: bold; font-variant: small-caps; line-height: normal; margin: 2.33em 0 0; }
P.smaller
{
	font-size: 10px;
	font-family : Verdana;
	color : #000000;
}

a img
{
	border: 0;
}

/*tr:nth-child(even)
{
	background: #CCC
}

tr:nth-child(odd)
{
	background: #FFF
}*/

/* Shopping cart styles */
@import url( "cart.css" );

/* Main page layout styles */
#main
{
	background: url(/images/componentimages/sidebarcolor.gif) repeat-y left;
	width: 100%;
/*	max-width: 115px;*/
	height: auto;
	float: right;
}

#sidebar
{
	background-image: url(/images/componentimages/homepagemenuimage3.gif);
	background-repeat: no-repeat;
	float: left;
/* eswanson 8/30/07 messing with width to fix alignment; was 120, 108 fits boxes */

	width: 120px;
	max-width: 120px;
	overflow: hidden;
	height: 100%;
	text-align: center;
	bottom: 100%;
	min-height: inherit;
	max-height: inherit;
	padding: 0 8px 0;
	margin: 0;
}

#sidebar2
{
	background-color: #e5e5e5;
	/* background-image: url(/dynamic_site2/smarty/templates/pages/Components/componentimages/homepagemenuimage3.gif); */
	background-image: url(/images/componentimages/homepagemenuimage3.gif);
	background-repeat: no-repeat;
	background-attachment: inherit;
	float: left;
	width: 15%;
	height: 100%;
	text-align: center;
	padding: 0 8px 0 5px;
	margin: 0;
}

#content
{
	font-size: small;
	font-family: verdana;
	text-align: left;
	width: 80%;
	height: 100%;
	float: right;
	padding: 3px 3px 0;
	margin: 3px 3px 0;
}

#footer
{ color: #05054c; 
width: 750px; 
font-size: x-small; 
font-family: "trebuchet ms"; 
background-position: left 0; 
text-align: center; 
text-transform: lowercase; 
bottom: inherit; 
float: none; 
clear: both; 
border-color: white; }

#footer a
{
	color: #05054c;
	width: 100%;
	font-size: x-small;
	font-family: "trebuchet ms";
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	bottom: inherit;
	border-color: white;
	border-width: 2px;
}

#footer a:hover
{
	color: #97c1ec;
	font-size: x-small;
	text-transform: lowercase;
	text-align: center;
	width: 100%;
}

#copyright
{
	width: 100%;
	color: #036;
	font-size: xx-small;
	font-family: Verdana;
	text-align: center;
}

#caption
{
	font-size: small;
	font-family: Verdana;
	background-color: #778bb6;
	text-align: center;
	float: right;
	width: 80%;
	height: 100%;
	padding: 8px;
	margin: 0;
}

table#software_features 
{  }
h5 { color: #036; font-size: 1em; font-weight: bold; font-variant: small-caps; line-height: normal; margin: 2.33em 0 0; }
/* Individual product listing styles */
h1
{ color: #fff; font-size: 1em; font-family: Verdana; font-weight: bold; font-variant: small-caps; line-height: normal; background-image: url(/images/componentimages/header/generic_background.jpg);  text-align: center; vertical-align: middle;
	/* margin: 2em; */
	width: 100%; }

h2
{
	/* background: url( 'http://www.madgetech.com/images/componentimages/bluebar_solid.jpg' ) bottom left no-repeat; */
	border-bottom: 3px solid #57646C;
	padding-bottom: 2px;
	font-size: 100%;
}

h1#home
{ color: #FFF; 
font-size: 1em; font-family: verdana; font-weight: bold; letter-spacing: .15em;
background-image: url(/images/componentimages/header/home_background.jpg); 
background-repeat: repeat; 
text-transform: uppercase; }

h1#homepage
{ color: #191970; 
font-size: 10px; font-family: Verdana; font-weight: bold; letter-spacing: .15em; 
background-image: url(/images/componentimages/header/background.jpg);background-repeat: no-repeat; background-position: center;text-transform: uppercase; }

h1#temperature
{ color: #fff; 
font-size: 14px; font-family: 
verdana; font-weight: bold; 
letter-spacing: .15em;
background-image: url(/images/componentimages/header/temp_background.jpg); 
background-repeat: repeat; 
font-variant: small-caps;
text-transform: none; }

h1#humidity
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
background-image: url(/images/componentimages/header/humid_background.jpg); 
background-repeat: repeat; }

h1#pressure
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/pressure_background.jpg); 
background-repeat: repeat; text-transform: uppercase; }

h1#voltage
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/voltage_background.jpg); 
background-repeat: repeat; }

h1#event
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/event_pulse_state_background.jpg); 
background-repeat: repeat; }

h1#pulse
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/event_pulse_state_background.jpg); }

h1#state
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/event_pulse_state_background.jpg); }

h1#current
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/current_background.jpg); }

h1#shock
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/shock_vibration_background.jpg); }

h1#water level
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/water_weather_bridge_back.jpg); 
background-repeat: repeat; }

h1#pH
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/water_weather_bridge_back.jpg); 
background-repeat: repeat; }

/* Was "Bridge/Strain" but Firefox complains about the / */
h1#BridgeStrain
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/water_weather_bridge_back.jpg); 
background-repeat: repeat; }

h1#wireless data recorders
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/wireless_background.jpg); 
background-repeat: repeat; }

h1#weather systems
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/water_weather_bridge_back.jpg); 
background-repeat: repeat; }

h1#soil moisture
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-color: #966; 
background-image: url(/images/componentimages/header/temp_background.jpg); background-repeat: repeat; }

h1#carbon dioxide
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-color: #698ea1; 
background-image: url(/images/componentimages/header/humid_background.jpg); }

h1#batteries
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

/* Was "cables/software" but Firefox complains about the / */
/* Can't find any code that references this.. */
h1#cablessoftware
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

h1#current switches
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

h1#enclosures
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

h1#probes
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

h1#weather accessories
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

h1#wireless accessories
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

h1#carbon dioxide
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

h1#ethernet
{ color: #fff; 
font-size: 14px; 
font-family: Verdana; 
letter-spacing: .15em;
font-weight: bold; 
background-image: url(/images/componentimages/header/accessories_background.jpg); }

/* Product list styles */
table#product_listing
{
	width: 550px;
	height: auto;
	float: none;
	margin-bottom: 1em;
	padding: 3px;
	outline-style: none;
}

table#product_listing td
{
	font-size: x-small;
	font-family: Verdana;
	text-align: center;
	list-style-type: none;
}

#product_listing a
{
	color: #036;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1.33em 0;
}

#product_listing a:hover
{
	color: #778bb6;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1.33em 0;
}

#product_listing a:visited
{
	color: #a7bdc8;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1.33em 0;
}
/* table.product_table
{
	width: 100%;
	border: 0;
	padding-bottom: 12px;
	table-layout: fixed;
}

tr.product_row
{
	display: block;
	padding-left: 0;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 2px solid #C0C0C0;
	white-space: nowrap;
}

.product_label
{
	vertical-align: top;
	padding-left: 0;
	padding-right: 8px;
}

.product_label td
{
	text-align: right;
	font-weight: bold;
	color: black;
}

.product_listing
{
	white-space: nowrap;
}

.product_listing td
{
	text-align: center;
	white-space: normal;
	max-width: 20%;
}

.product_image
{
	height: 150px;
}

.product_image img
{
	height: 150px;
	border: 0;
}

.product_name, .product_name a
{
	font-weight: bold;
	color: #802010;
}

.product_desc
{
	height: 10em;
	vertical-align: middle;
	padding-top: 8px;
	text-align: center;
}

.product_range
{
	height: 5em;
	padding-top: 4px;
}

.product_price
{
	font-weight: bold;
} */
/* Product info styles */
.info_info
{
	border: solid 1px #c0c0c0;
	background-color: #fff;
	padding: 4px;
	width: 30%;
	text-align: left;
	clear: none;
	/* list-style-type: cjc-ideographic; */
}
.table
{
	background-color: #fff;
}
.info_info h1
{
	font-size: xx-small;
	font-family: verdana;
}
.info_info table th
{
	text-align: right;
}
.info_image
{
	float: right;
	padding: 6px;
}
.ordering
{
	font-size: x-small;
	font-family: Verdana;
	font-weight: bolder;
}
#price a
{
	color: #036;
	font-size: xx-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1em 0;
}

#price a:hover
{
	color: #778bb6;
	font-size: xx-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1em 0;
}

#price a:visited
{
	color: #a7bdc8;
	font-size: xx-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1em 0;
}
/* Main CSS Source forSide Menu*/
#sidemenu_products
{
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-indent: 4pt;
	width: 115px;
	float: left;
	margin-top: 8px;
}

#sidemenu_products a
{
	color: #336;
	font-size: x-small;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
	text-align: left;
	text-indent: 7px;
}

#sidemenu_products a:hover
{
	color: #933;
	font-size: x-small;
	font-weight: bold;
	background-image: none;
	background-repeat: repeat;
	background-position: 110px 0;
}

#sidemenu_welcome
{
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-indent: 4pt;
	width: 115px;
	float: left;
	margin-top: 8px;
}

#sidemenu_welcome a
{
	color: #336;
	font-size: x-small;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
	text-align: left;
	text-indent: 7px;
}

#sidemenu_welcome a:hover
{
	color: #933;
	font-size: x-small;
	font-weight: bold;
	background-image: none;
	background-repeat: repeat;
	background-position: 110px 0;
}

#sidemenu_accessories
{
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-indent: 4pt;
	width: 115px;
	float: left;
	margin-top: 8px;
}

#sidemenu_accessories a
{
	color: #336;
	font-size: x-small;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
	text-align: left;
	text-indent: 7px;
}

#sidemenu_accessories a:hover
{
	color: #933;
	font-size: x-small;
	font-weight: bold;
	background-image: none;
	background-repeat: repeat;
	background-position: 110px 0;
}

#sidemenu_software
{
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-indent: 4pt;
	width: 115px;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
}

#sidemenu_software a
{
	color: #336;
	font-size: x-small;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
	text-align: left;
	text-indent: 7px;
}

#sidemenu_software a:hover
{
	color: #933;
	font-size: x-small;
	font-weight: bold;
	background-image: none;
	background-repeat: repeat;
	background-position: 110px 0;
}

#catalog
{
	color: #336;
	font-size: xx-small;
	font-weight: normal;
	line-height: normal;
	background-image: none;
	background-position: center;
	text-align: center;
	width: 110px;
	float: none;
	margin-top: 125px;
	margin-bottom: 0;
	margin-left: 10px;
}

#catalog a
{
	color: #336;
	background-image: none;
	background-position: center;
	text-align: center;
	width: 115px;
	/* padding: 2px;
	text-align: left;
	width: 105px;
	color: #05054C;
	margin-top: 15px; */
}

#catalog a:hover
{
	color: #933;
	font-weight: bold;
	background-image: none;
	background-position: center;
	text-align: center;
	width: 115px;
	/*padding: 2px;
	text-align: left;
	width: 105px;
	margin-top: 15px;*/
}

#software_block
{
	color: #336;
	font-size: xx-small;
	font-weight: normal;
	line-height: normal;
	background-image: none;
	background-position: center;
	text-align: center;
	width: 115px;
	float: none;
	margin-top: 12px;
	margin-bottom: 0;
}

#software_block a
{
	color: #336;
	background-image: none;
	background-position: center;
	text-align: center;
	width: 115px;
	/*padding: 2px;
	text-align: left;
	width: 105px;
	color: #05054C;
	margin-top: 15px;*/
}

#software_block a:hover
{
	color: #933;
	font-weight: bold;
	background-image: none;
	background-position: center;
	text-align: center;
	width: 115px;
	/*padding: 2px;
	text-align: left;
	width: 105px;
	margin-top: 15px;*/
}

#home
{
	color: #000;
	font-size: x-small;
	font-family: Verdana;
	font-stretch: normal;
	line-height: normal;
	text-align: justify;
	width: 522px;
	height: auto;
}
.home
{
	color: #000;
	font-size: small;
	font-family: Verdana;
	font-stretch: semi-expanded;
	line-height: normal;
	text-align: justify;
	height: auto;
}

#home h6
{
	color: #003;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}
/*dropdown menu */
#menu ul
{
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 125px;
	float: right;
	list-style-image: none;
}

#menu
{
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	font-style: normal;
	width: 750px;		/* 9/4/07 JLH.........CHANGE 750 TO 800 */
	background: #eeeeee;
	/* float: right; */
	display: block;
}

#menu a
{
	color: #036;
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	font-style: inherit;
	font-variant: normal;
	line-height: normal;
	background-color: #efefef;
	display: block;
	margin: 0;
	padding: 2px 3px;
	border: solid 1px #fff;
}

#menu a
{
	color: #036;
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	font-style: inherit;
	background: #efefef;
	text-decoration: none;
}

#menu a:hover
{
	color: #778bb6;
	background: #ffffff;
}

#menu a.heading
{ color: #FFFFFF; font-size: small; font-family: verdana, sans-serif; font-weight: bold; background-color: #003366; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; vertical-align: middle; }

#menu a.heading:hover
{ color: #336; font-family: Verdana; font-weight: bold; background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

/*#menu ul li ul
{
	font-family: Verdana;
	font-weight: bold;
	position: absolute;
	left: 0;
	z-index: 500;
}*/

#menu ul li
{
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	font-style: inherit;
	position: relative;
	
	display: inline;
}

#menu ul li ul
{
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	display: none;
	position: absolute;
	left: 0px;
}

#menu ul li:hover ul, #menu ul li.over ul
{
	display: block;
}

/*Product / accessory table styles*/
#product_table h3
{
	color: #036;
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	margin: 0.83em 0;
}

#product_table h4
{ color: #f0f8ff; 
font-size: small; 
font-family: Verdana; 
font-weight: bold; 
background-color: #006; 
margin: 1.33em 0; }

#product_table a
{
	color: #036;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 0.83em 0;
}

#product_table a:hover
{
	color: #778bb6;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1em 0;
}
#specs_table h4
{
	color: #fff;
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	background-color: #006;
	margin: 1.33em 0;
}

#specs_table a
{
	color: #036;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1.33em 0;
}

#specs_table a:hover
{
	color: #778bb6;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1em 0;
}

#ordering_table
{
	max-width: 550px;
	width: 550px;
}

#ordering_table tr
{
	max-width: 550px;
	width: 550px;
	height: auto;
}

#ordering_table td
{
	height: auto;
}

#ordering_table h2
{
	color: #036;
	font-size: 1.17em;
	font-family: Verdana;
	font-weight: bold;
	margin: 1em 0;
}

#ordering_table h5
{
	color: #fff;
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	background-color: #006;
	margin: 1em 0;
}

#ordering_table a
{
	color: #036;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1em 0;
}

#ordering_table a:hover
{
	color: #778bb6;
	font-size: x-small;
	font-family: Verdana;
	text-decoration: underline;
	margin: 1em 0;
}
#techsupport_table h4
{
	color: #fff;
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	background-color: #006;
	margin: 1.33em 0;
}
/* Include the billing.php CSS file */

@import url( "billing.css" )