@charset "utf-8";
/* CSS Document */
/*-
HACKS for IE
examples:
 color: blue;	firefox (show blue on FF)
 color: red\9;	ie 8 "\9"(show red on IE)
*color: red;	ie 7 and below "*" (show red on IE)
_color: red;	ie 6 and below "_" (show red on IE; to override any ie7 specific style)

------------------------- */
.title {
	font: 23px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-transform: capitalize;
	word-spacing: 3px;
	letter-spacing: 4px;
	line-height: 50px;
}
.title_sub1 {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	text-transform: none;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 30px;
}

/*------------- HEADING -------------*/
h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{text-decoration:none;}
h1, h2, h3, h4, h5{font-family: Arial, Helvetica, sans-serif; font-weight:bold;}

h1 {
	font-size:1.5em;
	letter-spacing:0.1px;
	color: #333;
	margin:10px 0px 10px 0px;
}

h2 {
	font-size:1.3em;
	letter-spacing:0.02em;
	color: #004FA4;
	margin:18px 0px 5px 0px;
	border-bottom:dotted #003064 1px;
}

h3{
	font-size: 1.15em;
	color: #333/*004FA4*/;
	margin:11px 0px 2px 0px;
}

h4 {
	font-size: 1.05em;
	color: #004FA4;
	margin-top: 8px;
	margin-bottom: 2px;
}
h5 {
	font-size: 1.0em;
	color: #000000;
	margin-top: 8px;
	margin-bottom: 2px;
}

/* PAGE HEADER */
.page-header{background: #527AEF url('/images_global/header_bg.gif') no-repeat top left; height:66px;}

/*------------- SECTION HEADING (e.g. Product Lines) -------------*/
.SectionHeading1 {/* Product Line Names (e.g. "Weather") */
	color:#333; 
	font-family:Tahoma, Geneva, sans-serif; 
	text-transform:uppercase; 
	letter-spacing:0.02em; 
	font-weight:bold; 
	overflow:hidden; 
	width:158px; 
	padding:7px 11px; 
	margin:29px 0 0 0;	
}

.weather_clr {
	background-color:#ebebeb; 
	border-top:solid #898989 1px;
	border-right:solid #898989 1px; 
	}
.weather_hdrbg, .news_hdrbg, .headerbg {background:#fff url('/images_global/hdr_filler.jpg') repeat-x right top;}

.marine_clr {
	background-color:#BEF6C5; 
	border-top:solid #898989 1px;
	border-right:solid #898989 1px; 
}
.news_clr, .about_clr, .contact_clr, .support_clr {
	background-color:#9bcbff; 
	border-top:solid #898989 1px;
	border-right:solid #898989 1px; 
	}

/* ROUNDED CORNERS */
/* Mar 9, 2011. Adapted from:
http://jonraasch.com/blog/css-rounded-corners-in-all-browsers
and http://css-tricks.com/snippets/css/rounded-corners/ */

.rounded_corners{
	-moz-border-radius: 14px; /* Firefox */
	-webkit-border-radius: 14px; /* Chrome/Safari */
	-khtml-border-radius: 14px; /* for older Konquerer browsers */
	border-radius: 14px; /* future proofing */
}
.rounded_corners_tr{/* only the Top Right corner */
	-moz-border-radius: 0px 14px 0 0; /* Firefox */
	-webkit-border-radius: 0px 14px 0 0; /* Chrome/Safari */
	-khtml-border-radius: 0px 14px 0 0; /* for older Konquerer browsers */
	border-radius: 0px 14px 0 0; /* future proofing */
}

.prod_section_wthr_IE, .prod_section_multi_IE{	
	/*Fix with bg img/borders in upper right corner in IE */
	*border:none; 
	border:none\9; 
	_border:none; 	
	*border-bottom: solid #898989 1px;
	border-bottom: solid #898989 1px\9;
	_border-bottom: solid #898989 1px;	
}
.prod_section_wthr_IE{
	*background: #ebebeb url('/images_global/header-round-crnr.png') no-repeat top right;
	background: #ebebeb url('/images_global/header-round-crnr.png') no-repeat top right\9;
	_background: #ebebeb url('/images_global/header-round-crnr.png') no-repeat top right;
}
.prod_section_marine_IE{
	*background: #BEF6C5 url('/images_global/header-round-crnr.png') no-repeat top right;
	background: #BEF6C5 url('/images_global/header-round-crnr.png') no-repeat top right\9;
	_background: #BEF6C5 url('/images_global/header-round-crnr.png') no-repeat top right;
}
.prod_section_multi_IE{
	*background: #9bcbff url('/images_global/header-round-crnr.png') no-repeat top right;
	background: #9bcbff url('/images_global/header-round-crnr.png') no-repeat top right\9;
	_background: #9bcbff url('/images_global/header-round-crnr.png') no-repeat top right;
}


/*------------- NAVIGATION -------------*/
/* SIDE NAV */
.nav-side-wthr, .nav-side-about, .nav-side-news, .nav-side-contact, .nav-side-support, .nav-side-marine{width:180px;}

.nav-side-wthr{background-color:#ebebeb;}
.nav-side-about, .nav-side-news, .nav-side-contact, .nav-side-support{background-color:#9bcbff;}
.nav-side-marine{background-color:#BEF6C5;}

/*header buttons at top of page (weather section only right now)*/
.hdr_wthr, .hdr_auto, .hdr_marine{border-style:solid; border-width: 1px; width:68px; height:12px; display:block; padding:2px 0; margin:0; line-height:100%; font:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:bold; text-align:center; text-decoration:none;}
a.hdr_wthr:link, a.hdr_auto:link, a.hdr_marine:link, a.hdr_wthr:visited, a.hdr_auto:visited, a.hdr_marine:visited{color:#000;}
.hdr_wthr{background-color:#ebebeb; border-color:#c6673f;}
.hdr_auto{background-color:#FBD796; border-color:#FFE633; width:67px;}
.hdr_marine{background-color:#72C6AC; border-color:#66FFCC;}

a.hdr_wthr.current, a.hdr_marine.current, a.hdr_auto.current{border-width:2px; width:66px; padding:1px 0;}
a.hdr_auto.current{width:65px;}

a.hdr_wthr:hover{color:#999;}
a.hdr_auto:hover{color:#BD7D06;}
a.hdr_marine:hover{color:#2E725E;}
/*end header buttons*/


.section {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-transform: capitalize;
	word-spacing: 2px;
	letter-spacing: 0.5px;
	line-height: 28px;
	vertical-align: middle;
	font-style: normal;
	text-align: left;
}
#nav_links a{
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #004FA4;
	text-decoration:none;
}

#nav_links a:hover {
	color: #000000;
	text-decoration: underline;
}

.nav_main {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid #004FA4 1px;
	border-top: solid #004FA4 1px;
	background-color: #F2F0E3;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
}
.nav_othr {
	text-transform:uppercase;
	border-right: solid #004FA4 1px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid #004FA4 1px;
	border-top: solid #004FA4 1px;
	background-color: #F2F0E3;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
}
.nav_space {
	font-weight: bold;
	padding: 0px 4px 0px 4px;
}
.nav_space-lrg {
	font-weight: bold;
	padding: 0px 25px 0px 25px;
}



/*--------menu styles that work with current URL menu highlight----------*/
#nav .current {
	/*color:#333;
	text-decoration:none;
	font: bold 12px Arial;
	margin-top:3px;
	margin-bottom: 3px; /*bottom spacing between header and rest of content*
	padding: 3px 0 3px 10px; /*header text is indented 10px*/
	background: #FFF url(/images_global/arrowbullet.png) no-repeat center right;
}
#nav a.current:hover {
	background: #FFF url(/images_global/arrowbullet.png) no-repeat center right;
	cursor:default;
}



/*--------- POPUP WINDOW: Product Img & Other links ---------*/
div.dPopUp {
	display: none;
	position: absolute;
	left: 250px;
	top: 50px;
	border: solid #cccccc 4px;
	padding: 10px;
	background-color: #ffffff;
	text-align: left;
	/*font-size: 12px;*/
	width: 350px;
}

div.blanket {
	display: none;
	background-color: #111111;
	opacity: 0.65;
	filter: alpha(opacity=65);
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

div.popUpLarge {
	display: none;
	position: absolute;
	left: 200px;
	top: 10px;
	border: solid #cccccc 6px;
	padding: 10px;
	background-color: #ffffff;
	text-align: center;
	font-size: 1.2em;
/*	width: 600px;
	height: 625px;
	*/
	z-index: 9992;
}

div.popUpLarge ul li {/*format for Version info with ul and li*/
background-color:#ebebeb;
}

div.popUpLarge ul li ul{ background-color:#FFF;}
div.popUpLarge ul li ul li {text-transform:none; background-color:#FFF; }
/*--------- END POPUP WINDOW ---------*/

/*------------- BODY -------------*/
/* Vantage Vue COLOR PALETTE
PRIMARY - #c6673f (rust/orange), #40516a (dark blue)
SECONDARY - #898989 (dark grey), #b4b4b4 (grey), #ebebeb (very light grey)
OTHER
#FF0000 (red, clearance)
#CCCCCC (light grey)
#999999 (lighter dark grey (lighter than 898989))
#666666 (darker dark grey (darker than 898989))
#404040 (very dark grey)
#333333 (extremely dark grey)
#111111 (almost black)

LINKS
a:link, a:visited, Nav a:current #c6673f (rust/orange)
a:hover #40516a (dark blue)
Nav a:hover #b4b4b4 (light grey)
*/

/*set the width for any page with this id*/
#mainbody{width:900px/*64%~800px*/;}
body{max-width:2400px; margin:0; padding:0; border:none; outline:none;}/*fix page too wide 12/2010*/
table#body table{padding-bottom:15px;}/*add white space below body content, before footer.*/

/*each product line page has a class for CSS specific to that product line*/
.weather_section h2{color:#40516a; border-bottom:solid #c6673f 1px;}
.weather_section h3{/*color:#c6673f;*/}
.weather_section h2 a:link, .weather_section h2 a:visited{color:#40516a;}
.weather_section h2 a:hover, .weather_section h2 a:active{color:#999; border-bottom:none; text-decoration:none;}

.support_section h2{color:#5E470D; border-bottom:solid #898989 1px;}
.support_section h2 a:link, .support_section h2 a:visited{color:#5E470D;}
.support_section h2 a:hover, .support_section h2 a:active{color:#999; border-bottom:none; text-decoration:none;}

.news_section h2{color:#004FA4;/* border-bottom:solid #898989 1px;*/}
.news_section h2 a:link, .news_section h2 a:visited{color:#004FA4;}
.news_section h2 a:hover, .news_section h2 a:active{color:#999; border-bottom:none; text-decoration:none;}

.txtrightalign{text-align:right;}

p, li, dt, dd, .pblu{font-family:Arial, Helvetica, sans-serif; font-size: 0.95em;}
p {
	line-height:150%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	color: #000;
}
.imgmargin{margin:9px 12px; border:0;}
.imgmargin[class~="floatlft"]{margin-left:0;}
.imgmargin[class~="floatrt"]{margin-right:0;}

/* USER STORIES or SPECIAL STORY */
  div.story{padding:15px 7px; display:block; overflow:hidden;}
  div.story h2, div.story h3 {padding-top:0.5%; margin-bottom:12px;}
  div.story img{ width:35%; max-width:325px; height:auto; float:right; margin:-7% 0% 0% 0;}
  
  div.story p,div.story blockquote, div.story td, div.story li, div.story dt, div.story dd {
	  font-family:Georgia, "Times New Roman", Times, serif;
	  line-height:175%;
	  word-spacing:0.02em;
	}

/*adjust first line of first paragraph to go with a larger first letter*/
 div.story > p:first-child:first-line, div.story > h2 + p:first-line, div.story > h3 + p:first-line {line-height:100%;}
 div.story > p:first-child:first-letter, div.story > h2 + p:first-letter, div.story > h3 + p:first-letter{font-size:1.5em;font-weight:bold;}/* '>' selects p element with div parent */
/* END */

.pblu {
	color: #004FA4;
	line-height:150%;
}
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
}
ol {
	margin:0px 0px 5px 3px;
	padding:0px 0px 5px 25px;
}
ul {
	margin:0px 0px 5px 0px;
	padding:2px 0px 5px 17px;
}
li {
	margin:0px 0px 5px 0px;
	line-height:150%;
}

ul.rows{list-style-type:none; list-style-position:inside; margin:0; padding:0; width:98%; float:left;}
ul.rows li{overflow:hidden; margin:0; padding:0;}
ul.rows li img{width:63px; height:auto;}


dt{margin-bottom: 10px;}
dd {
	margin:0px 0px 8px 30px;
	line-height:150%;
}

.body_smler {
	font: 11px Arial, Helvetica, sans-serif;
	line-height:125%;
}
.body_sml {
	font: 12px Arial, Helvetica, sans-serif;
	line-height:150%;
}
.body_med {
	font: 15px Arial, Helvetica, sans-serif;
	line-height:150%;
}
.body_lrg {
	font: 16px Arial, Helvetica, sans-serif;
	line-height:150%;
}
.body_larger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:150%;
}

.Caption {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.Quote {/*currently unused, for formating quoted material*/
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:7px 8% 7px 8%;
	background:url(/images_global/quot.gif) no-repeat center center;
}
.warning/* format error and warning boxes */{
	margin:10px auto;
	padding:0 10px;
	background-color:#FFE1E1;
	border:double #666 6px;
	font-size:0.93em;
	width:92%;
}

.floatlft{ float:left;}
.floatrt{ float:right;}
.clearflt{clear:both; height:0; font-size: 1px; line-height: 0px;}

.filter70{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.filter50{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.filter100{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}

a.btn:link, a.btn:visited, .button {color:#000; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; letter-spacing:0.08em;}
a.btn:link, a.btn:visited{font-size:0.85em; width:35%; max-width:175px; line-height:130%; border:solid #ccc 1px; background-color:#ebebeb; margin:6px 10px; padding:4px; display:block; overflow:hidden;}
a.btn:hover, a.btn:active{background-color:#b4b4b4; color:#FFF; text-decoration:none; /*border-bottom:solid #fff 1px*/;}
.button{font-size:0.70em; background-color:#C4D0D9; display:inline; float:left; cursor:pointer; width:30%; height:24px; margin:0 0 0 10px; *height:22px; border:none;}
.button:hover{background-color:#C4D0D9; color:#FFF;}

/*----------------- PRESS -----------------
 set CSS for press page, content also used 
 on vantagevue.com */
p.press{margin:0; padding:0px 0px 15px 20px;}

p.vue, p.vp2, p.wl {display:none;}
div.vue p[class~="vue"] {display: block;}
div.vp2 p[class~="vp2"] {display: block;}
div.wl p[class~="wl"] {display: block;}

/*------------- FORMS -------------*/
.bglightclr{
	background-color:#FBFBD0;
	border:solid #628EBF 1px;
}
.rowspace_bottom{
	padding-bottom:15px;	
}

/*------------- TABLE -------------*/
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:150%;
}
tr {
	vertical-align:top;
}
#table_neutral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border:solid #DFDBBD 1px;
	display: table;	
}
.td_title {
	font-size: 19px;
	font-weight:bold;
	background-color:#DFDBBD;
	border:solid #DFDBBD 1px;
	padding: 7px 7px 7px 7px;
}
.td_title-sub {
	font-size: 17px;
	font-weight:bold;
	background-color:#F2F0E3;
	border:solid #DFDBBD 1px;
	padding: 5px 5px 5px 5px;
}
.td_neutral-brdr {
	border:solid #DFDBBD 1px;
	padding: 7px 7px 7px 7px;
}
.td_neutral-sml {
	border:solid #DFDBBD 1px;
	padding: 1px 2px 1px 4px;
	font-size: 90%;
}
.td_neutral-lrg {
	border:solid #DFDBBD 1px;
	padding: 1px 2px 1px 4px;
	font-size: 120%;
}
td.topspace {padding-top:20px;}

#links_neutral{
	vertical-align:top;
}
#links_neutral a{
	color: #004FA4;
	text-decoration:underline;
}
#links_neutral a:hover{
	color: #000;
	text-decoration:none;
}

/*NOT USED
#nav_wthr {
	border:solid #D5D0B7 1px;
	display: table;
	background: #ffcfff;
	padding: 2px 2px 2px 2px;
}

td.navwthr {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#666;
}
*/
/*-------- BEGIN: TABLE, TWO COLUMN LIST --------*/
/*Generally used for listing products in a grid on a central page*/
.two_col_list{width:99.7%;}
.two_col_list tr{padding:0;}
.two_col_list td{ 
	width: 49%;
	line-height:125%;
	font-size:0.95em;
	margin:0;
	padding:4px 0px 18px 30px;
	text-align:left;
}
.two_col_list td:first-child{padding-right:20px; padding-left:0px;} 
.two_col_list td h2{margin-top:7px;}

.two_col_list td p a:link, .two_col_list td p a:visited, .two_col_list td span a:link, .two_col_list td span a:visited{text-decoration:none; color:#333;line-height:125%;}
.two_col_list td p a:hover, .two_col_list td p a:active, .two_col_list td span a:hover, .two_col_list td span a:active{color:#999;}
/*.two_col_list td h2 a:link, .two_col_list td h2 a:visited{color:#5E470D; text-decoration:none;}
.two_col_list td h2 a:hover, .two_col_list td h2 a:active{color:#000;}*/

.two_col_list img{border:solid #CCC 1px; margin:0px 9px 15px 0px; float:left; width:65px; height:auto;}

/* format the imgs for main sections (Products, Home, etc.) to be larger than
sub-sections (Sensors, Stations, etc.)*/
.main_section img{width:115px; height:auto; border:none; margin:10px 10px 20px 0px;}

.two_col_list .icon, .two_col_list a .icon{/*format icons differently than regular product imgs*/
	border:none;
	margin-top:5px; 
	width:50px;
	filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;	
}
.two_col_list .icon:hover, .two_col_list a:hover .icon{/*format icons differently than regular product imgs*/
	filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;
}
.icon_header{/*format same icons for use with header on page*/
	float:left; 
	width:65px; 
	height:auto; 
	margin:0px 10px 15px 0px; 
	border:none;
	filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;	
}

/*Set the size of the arrow icon*/
img[src="/images_global/arrowbullet.png"] {width:12px; height:auto; border:none; margin:4px 0; padding:0; padding-right:6px; float:left; }

/*- PRODUCT LIST with IMAGE FLOAT-*/

/*used to show products in a compact format, like on the Weather Home page*/
.compactfloat_list_main {margin:0 0 15px; padding:0px; border-top:solid #fff 1px; }
.compactfloat_list_main h2{margin-top:10px;}

.compactfloat_list_main ul{list-style:none; display:block; overflow:auto; margin:0 auto; padding:0px; width:99.9%; font-size:0.85em;}
.compactfloat_list_main ul li {display:inline; float:left; overflow:hidden; margin:6px 6px; width:31%; height:70px; border:solid #999 1px;}
.compactfloat_list_main ul li a{display:block; overflow:hidden; padding:4px 20px 4px 4px; width:96%; height:70px; }
.compactfloat_list_main ul li a:link, .compactfloat_list_main ul li a:visited {color:#333;line-height:115%; text-decoration:none;}
.compactfloat_list_main ul li a:hover{color:#000;background-color:#ebece5;padding-right:18px;}
.compactfloat_list_main ul li a:hover img{margin:-5px 6px 6px -10px;width:35.5%; filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.compactfloat_list_main ul li img{width:26%; height:auto; border:none; margin:2px 15px 6px 0; float:left;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.compactfloat_list_main ul li .item_title{padding:0 0 1px; margin:0 0 2px; display:block; text-transform:uppercase; font-size: 1.02em; color: #004FA4; text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.compactfloat_list_main ul li .description{margin:0; padding:0; display:block;}

/* set width and img for 2 col list instead of 3 col */
.compactfloat_list_main ul.twocol li {width:47%; height:75px;}
.compactfloat_list_main ul.twocol li a{width:97%; padding:4px 20px 4px 4px;}
.compactfloat_list_main ul.twocol li a:hover img{margin:-5px 6px 6px -12px; width:25%; }
.compactfloat_list_main ul.twocol li img{width:20%; margin-right:10px;}

/*used to show products in a compact format, like on the FAQ pages*/
.compactfloat_list{display:block; clear:both; margin:5px 0 0; padding:5px; border-top:solid #CCC 1px; width:99%; overflow:auto;}
.compactfloat_list ul{list-style:none; display:block; overflow:auto; margin:0 auto; padding:0px; width:99%; font-size:0.85em;}
.compactfloat_list ul li {display:inline; float:left; overflow:hidden; margin:6px 4px; width:23.5%; height:55px; border:solid #999 1px;}
.compactfloat_list ul li a:link, .compactfloat_list ul li a:visited {display:block; overflow:hidden;padding:4px 22px 4px 4px; width:96%; height:55px; color:#333;line-height:110%; text-decoration:none;}
.compactfloat_list ul li a:hover{color:#000;background-color:#ebece5;}
.compactfloat_list ul li img{width:40px; height:auto; border:none; margin:2px 4px 2px 0; float:left;}


/*used for weather product group pages (Weather Buff, Weather Pro, etc.)*/
ul.prodlist_box_img{list-style:none; display:block; float:right; margin:10px 0px 20px 30px; padding:7px; background-color:#c4d0d9; width:45%;border:solid #666 1px; }
ul.prodlist_box_img li {display:block; overflow:hidden; clear:left; margin-bottom:7px; padding:4px; color:#666; line-height:120%; border:solid #FFF 1px; background-color:#fff;}
ul.prodlist_box_img li:hover{background-color:#ebece5; border:solid #666 1px;}

ul.prodlist_box_img [type=submit] {float:right; background-color:#FFF; border:solid #697aa9 2px; font-size:0.8em; font-weight:bold; text-transform:uppercase;}
ul.prodlist_box_img [type=submit]:hover {background-color:#697aa9; color:#FFF; cursor:pointer;}

ul.prodlist_box_img li:first-child, ul.prodlist_box_img li:last-child{text-align:left; font-weight:bold;}
ul.prodlist_box_img li:first-child{background-color:#697aa9/*d8a502*/; color:#FFF; font-size:1.05em; letter-spacing:0.04em; text-transform:uppercase;border:solid #697aa9 1px; }
ul.prodlist_box_img li:last-child{margin-bottom:0; background-color:#c4d0d9; border:solid #c4d0d9 1px; }

ul.prodlist_box_img li img{width:55px; height:auto; border:none; margin:2px 7px 2px 0; float:left;}

ul.prodlist_box_img li a:link, ul.prodlist_box_img li a:visited{text-decoration:none; display:block;}
ul.prodlist_box_img li a:hover{text-decoration:underline;}



/* standard weather group table (e.g. /weather/products/communication.asp)*/
table.weathertbl{background-color:#fff; border:solid #666 2px; width:97%; margin:7px auto 20px;}
table.weathertbl thead th{background-color:#c4d0d9;text-align:left; font-weight:bold; text-transform:uppercase;padding:7px; border-bottom:solid #666 2px;}
table.weathertbl tbody th{font-size:0.9em; font-weight:bold; text-align:left; background-color:#FFF;padding:7px; border-left: solid #666 1px; border-bottom: solid #666 2px;}
table.weathertbl tbody th:first-child{border-left:none;}
table.weathertbl td{margin-bottom:7px; padding:3px 7px; color:#666; line-height:120%; border:solid #FFF 1px; background-color:#fff;border-left: solid #666 1px; border-bottom: solid #666 1px;}
table.weathertbl td:first-child{border-left:none;}
table.weathertbl tfoot td{background-color:#fff; font-size:0.8em;border-top:solid #666 1px; color:#666;}
table.weathertbl tfoot td p{color:#666; margin:5px auto; padding:0;}
/*-------- BEGIN: DL, DD COLUMN STYLES --------*/
/*Generally used for listing products in a grid on a central page*/
.prod_twocol_list{
		width:100%;
		height:100%;
	}
	.prod_twocol_list dl{/* for simplified listing of items*/
		clear:both;
		width: 100%;
		padding:0;
		list-style: none;
	}
	.prod_twocol_list dd{ /* for simplified listing of items*/
		list-style: none;
		float: left;
		width: 45.0%;
		line-height:125%;
		padding:0px 3px 12px 3px;
		min-height:70px;
		*min-height:70px; /*size for IE*/
		margin:0 10px 0 0;
		text-align:left;
		font-size:12px;
		overflow:auto;
	}
	.prod_twocol_list dd a:link, .prod_twocol_list dd a:visited{ 
		font-size:13px;
		text-decoration:none;
	}
	.prod_twocol_list dd a:hover, .prod_twocol_list dd a:active{ 
		text-decoration:underline;
	}

	.prod_twocol_list img{
		border:solid #CCC 1px;
		margin:0px 5px 15px 0px; 
		float:left;
		width:63px;
		height:auto;
}
	/*-------- END: DL, DD COLUMN STYLES --------*/

/*-------- BEGIN: COLUMN STYLES For Gallery --------*/
	#two_colstyled{
		width:99%;
		height:100%;	
	}
	#two_colstyled.gallist ul{/* for simplified listing of items*/
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#two_colstyled.gallist li{ /* for simplified listing of items*/
		list-style: none;
		float: left;
		width: 48%;
		line-height:99%;
		padding:1px 3px;
		min-height:28px;
		*min-height:28px; /*size for IE*/
	}

	#two_colstyled.gallery ul{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#two_colstyled.gallery li{
		list-style: none;
		float: left;
		width: 43%;
		line-height:98%;
		padding:5px 6px;
		margin:1px 5px 15px 5px;
		outline:solid #b4b4b4 1px;/*does not show in IE*/
		*border:solid #b4b4b4 1px;/*hack for IE to show outline*/
		border-bottom:solid #b4b4b4 1px;/*hack for IE to show outline*/
		min-height:319px;
		*min-height:319px; /*size for IE*/
	}
	#two_colstyled img{/*FOR GALLERY PAGE*/
		border:solid #fff 1px;
		/*margin-right:2px;*/
		padding:0px 2px;
		display:block;
}
	#two_colstyled.gallery{/*FOR GALLERY PAGE*/
		padding:0px 1px 0px 1px;
	}
	/*-------- END: COLUMN STYLES --------*/
/*------------- PHOTO GALLERY & Weather Summit -------------*/
.img_info{/*FOR GALLERY PAGE*/
	font-size:11px;
	line-height:18px;
	margin:2px 2px 2px 0px;
	padding:0;
}
.imgTitle{
	text-decoration:none;
	color: #004FA4;
	line-height: 15px;
	padding-bottom:5px;
	font-size:11.5px;
}
.section_title{
	font-size:18px;
	color:#000000/*c6673f*/;
	padding:4px 4px 0px 5px;
	margin:10px 0px 0px 0px;
	letter-spacing:3px;
	border-bottom:none;
}
.section_subtitle{
	font-weight:bold;
	padding:9px 2px 5px 5px;
	border-top:solid #b4b4b4 2px;
	border-bottom:none;
	font-variant:small-caps;
	*margin-top:15px;/*hack for IE that doesn't show margin after last li*/
}



/*------------- PHOTO GALLERY (old) -------------*/
.PicGallery_Name {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.PicGallery_Number {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.PicGallery_FileSize {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
.PicGallery_a:link {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
}
.PicGallery_a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	background-color: #DBECFF;
}
.PicGallery_a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #663399;
	text-decoration: underline;
}

/* --- Hover Highlight Images --- */
/*Credits: Dynamic Drive CSS Library. URL: www.dynamicdrive.com/style */

.toggleopacity img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
	border: 1px solid #fff;
}
.toggleopacity:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}


/*------------------- Product Pages -------------------*/

#proddetail{/*specifies product details table/section*/
	padding:0px 0px 15px 0px;
}
#proddetail tr td > h1 { /*format h1 for product pages. Same as regular h1, but smaller for long product names */
	font-size:1.25em;
	letter-spacing:0px;
	margin:10px 0px 5px 0px;
	line-height:120%;
}
#proddetail tr td > h2 { /*format h2 for product pages */
	font-size:1.15em;
}
#proddetail tr td > h3 { /*format h3 for product pages */
	font-size:1.05em;
}

.prodname{ /*product name/title*/
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color: #004FA4;
	font-weight: bold;
	margin:10px 0px 5px 0px;
	line-height:20px;
}
.price{/*regular price format*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	margin:0;
}
.clearance{/*clearance price format*/
	font-family: Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
	margin:0;
}
.origprice{/*original price format that shows when item is clearance priced*/
	color:#666666;
	font-size:11px;
	padding:3px 0px 3px 0px;
}
#priceorderbox{
	border:solid #666 1px;
	padding:3px 3px 3px 3px;
}

#prodimg img{
	border:solid #FFF 1px;
}
#prodimg a{
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	text-decoration:none;
}

#prodlinks {
	padding:0px 0px 0px 5px;
}
#prodlinks a{
	font-size:12px;
	border-bottom:dotted #33C 1px;
	text-decoration:none;
}
#prodlinks li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	list-style-position:outside;
}
.bluetext {color: #333399}


/*-------------- WWR State/Country Link Listings --------------*/

.entry{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	line-height:135%;
	border-bottom:dotted #999 1px; 
	text-decoration:none;
}

a.entry:hover{	
	text-decoration:underline;
	border-bottom:none; 
}

/*-------------- Two column Listings --------------*/
#two_col{
	width:100%;
	height:100%;	
	overflow:hidden;
}

#two_col ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom:25px;
	padding-bottom: 10px;
}
/*	
ul.icons li {padding-left: 20px; background:#FFF url(/images_global/arrowbullet.png) no-repeat left center;}
ul.icons li img{border:none; margin:4px 0; padding:0; padding-right:6px; float:left; }/*for icons and text, set site wide with img[src]/

support/index.asp
weather/software.asp
weather/index.asp
cool/glossary.asp
cool/world.asp
ed/index.asp
*/
ul.products li, dl.products dt, dl.products dd{overflow:auto; }
ul.products li {margin:0 0 20px 0;}
ul.products li img, ul.products li a:link img, dl.products dt img, dl.products dt a:link img,  dl.products dd img, dl.products dd a:link img{width:63px; height:auto; border-bottom:none; border:solid #ccc 1px; margin:4px 12px 3px 0; padding:0; float:left;}/*for product image and text*/
dl.products dd img, dl.products dd a:link img{width:40px; height:auto; margin-top:5px;}

#two_col li{
  float: left;
  width: 45.75%;
  margin: 0 0 5px 0;
  padding: 0 15px 0 0;
}

#two_col_sml{
	width:100%;
	height:100%;	
}

#two_col_sml ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom:15px;
	padding-bottom: 3px;
}
#two_col_sml li{
  float: left;
  width: 160px;
  margin: 0;
  padding: 0px 5px 2px 2px;
}

/*-------------- Three column Listings --------------*/
#three_col{
	width:100%;
	height:100%;	
}

#three_col ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom:solid #999 1px;
	margin-bottom:25px;
	padding-bottom: 10px;
}
#three_col li{
  float: left;
  width: 33%;
  margin: 0;
  padding: 0;
}

/* --------------- BEGIN: WEATHER WORLD 'ROUND --------------- */
#wwrhover{
	background-color: White; 
	padding: 5px; 
	/*position: absolute; */
	visibility: hidden; 
	border:solid #CCC 2px; 
	width:300px;
	outline:solid #999 1px;
}
img.wwr_icon {
	padding:4px 2px 4px 1px;
	border:none;
}
/*style for hover text info*/
a.info {
	z-index: 24;
	color: #000;
	position:relative;
	text-decoration: none;
}
a.info:hover {
	z-index: 25;
	background-color: #fff;
	color:#333;
	text-decoration: none;
	cursor:default;
	line-height: 120%;
}
a.info span {
	display: none
}
a.info:hover span {
	display:block;
	/*left: 10em;*/
	color: #000;
	position:relative;
	/*top: 10em;*/
	text-align: left;
	background-color: White; 
	padding: 5px; 
	border:solid #CCC 2px; 
	width:300px;
	outline:solid #999 1px;	
}
/* --------------- END: WEATHER WORLD 'ROUND --------------- */

/*------------- WETHERLINK -------------*/
.wlHeader1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #004FA4;
	font-weight: bold;
}
.wlHeader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #004FA4;
	font-weight: bold;
}
/* ---------- FOOTER ---------- */
#Footer_Links a {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}
#Footer_Links a:hover {
	color: #000000;
	text-decoration: underline;
}
.Footer_Text {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	line-height: 30px;
}
.Footer_Text2  {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}
.product_footer a:link{
	color: #004FA4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}
.product_footer a:hover{
	color: #000;
}

.product_footer {padding:2px 10px; word-spacing:2px; text-align:right; text-transform:uppercase;}
.product_footer ul {margin:auto 0; padding:0; width:99%; list-style:none; text-align:right; font-size:10px;}
.product_footer ul li {margin:4px 0 0; padding:0 2px; list-style:none; float:right; text-align:right;}
.product_footer ul li a:link, .product_footer ul li a:visited {padding:0 3px;}
.product_footer ul li img {border:none; height:20px; width:auto; float:left; margin:-4px 2px 0;}