/* 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;
}

/* 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;
}

/*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" );

/* site style */
#holdm{position:absolute; top:150px !important; left:20px; margin-left:-2.5em; z-index:100; width:80%; }
     
     #vertm{width:15em; float:left;}
     .com{color:purple; margin-top:10px; }
    li.small{height:10px;}
    li.small a{height:10px; line-height:10px;}
	.colorspot span{visibility:hidden;}
	.colorspot{float:left; width:.5em; height:.5em; line-height:.5em; overflow:hidden; margin:1px 1px 0 0;  text-decoration:none;}
	#colorcon{background-color:#000; padding:2px; float:left;}
	#colordisp{width:100%; height:1.2em; text-align:center; background-color:#CCC;}