/* Compliant Browser CSS Document */

/* --- Base Styles --- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #999999;
	margin: 0;
	padding: 0;
}

div, p, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

h1 {font-size: 14px; font-weight: normal; margin: 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #CCCCCC;}
h2 {font-size: 14px; font-weight: normal; margin: 0; padding: 0;}
h3 {font-size: 12px; font-weight: normal; margin: 0; padding: 0;}

p {line-height: 14px;}

a {color: #333333;}

form {padding: 0; margin: 0}
form input {font-size: 12px}/**/
form input.field {width: 110px; border: 1px inset #000000; background-color: #CCCCCC}
form input.btn {vertical-align: top;}

div.clear {clear: both}

/* --- Base Components --- */

div#container {
	width: 859px; /* Full 859 */
	text-align: left;
	margin: 22px 0 0 0;
	background: transparent url(/i/bk_cntr.gif) repeat-y;
}

/* --- Content Layout (columns) --- */

div#lt_col {
	width: 201px;
	float: left;
}

div#lt_col div#logo {
	height: 111px;
	text-align: center;
	background: transparent url(/i/bk_ltcol_top.gif) no-repeat;
}

div#lt_col div#insider {margin: 12px 0 0 6px; padding-left: 14px; font-size: 12px; color: #FFFFFF;}
div#lt_col div#insider a {font-size: 12px; color: #FFFFFF; text-decoration: none}
div#lt_col div#insider span {font-size: 10px; line-height: 14px; color: #FFFFFF;}
div#lt_col div#insider span.unsub  a, div#lt_col div#insider span.unsub a:link, div#lt_col div#insider span.unsub a:active, div#lt_col div#insider span.unsub a:visited {font-size: 10px; line-height: 14px; color: #F2AD00; text-decoration: none}
div#lt_col div#insider span.unsub a:hover {text-decoration: underline}
div#lt_col div#insider form {margin: 6px 0 0 0; padding: 0;}

div#mn_col {
    width: 658px; /* full 658 */
	margin: 0 0 0 201px;
	padding: 0;
}

* html div#mn_col {margin: 0; float: right}

div#mn_col div#hdr {
	/*width: 658px;*/
	height: 111px;
	background: #454545 url(/i/bk_hdr.gif) no-repeat;
	border-bottom: 1px solid #454545;
}

/*div#mn_col div#ticker {
	width: 663px;
	height: 34px;
	position: absolute;
	margin: 77px -4px 0 0;
}*/
div#mn_col div#ticker {
	width: 667px;
	height: 52px;
	position: absolute;
	margin: 59px -8px 0 0;
}

div#mn_col div#search {
	width: 230px;
	position: absolute;
	margin: 29px 0 0 415px;
}

div#mn_col div#flash {margin-bottom: 15px; border-bottom: 2px solid #333333}

div#mn_col div#pockets {
	width: 590px;
	height: 190px;
}

div#mn_col div#pkt1, div#mn_col div#pkt2, div#mn_col div#pkt3 {/*background-color: #000000;*/}

div#mn_col div#pkt1 {
	position: absolute;
	margin-left: 13px;
}

div#mn_col div#pkt2 {
	position: absolute;
	margin-left: 228px;
}

div#mn_col div#pkt3 {
	position: absolute;
	margin-left: 443px;
}

div#mn_col div.pkt_top {
	background: transparent url(/i/top_pkt.gif) no-repeat;
}

div#mn_col div.pkt_content {
	width: 133px; /* full 173 */
	height: 145px; /* full 150 */
	color: #FFFFFF;
	padding: 5px 20px 0 20px;
}

div#mn_col div.pkt_content form {margin: 5px 0 0 0; padding: 0;}

div#mn_col div.pkt_btm {
	background: transparent url(/i/btm_pkt.gif) bottom no-repeat;
}

div#sub {
	padding: 10px 18px 9px 10px;
	background: transparent url(/i/btm_sub2.gif) 10px bottom no-repeat;
}

div#sub div#sub_hdr {
	padding-bottom: 3px; 
	border-bottom: 1px solid #8B8B8B;
}

div#sub div#sub_column {
	width: 600px; /* full 630 */ 
	padding: 5px 15px 5px 15px;
	background-color: #F3F3F3;
	min-height: 500px; /* height fix */
	height: auto; /* height fix, pt. II */
}

* html div#sub div#sub_column {height:500px} /* for ie only */

div#sub div#sub_column.news p a {
	font-size: 12px;
	color: #000000;
}

div#sub div#sub_column div#switcher {
	width: 570px; /* full 600 */ 
	padding: 10px 15px 10px 15px;
	text-align: right;
	background-color: #F3F3F3;
	border-bottom: 1px solid #CCCCCC;
}

/*div#sub div#two_column {background-color: #D7D5CF;} -- Two col retired */
/*div#sub div#col_one {
	width: 441px;  full 465 
	padding: 15px 8px 8px 15px;
	margin-right: 165px;
	border-right: 1px solid #454545;
	background-color: #F3F3F3;
}

* html div#sub div#col_one {margin-right: 162px;}*/

div#sub div#sub_column table.spec {
	width: 100%;
	font-size: 9px;
}

div#sub div#sub_column table.spec th {
	font-weight: normal;
	padding: 3px 2px 3px 2px;
}

div#sub div#sub_column table.spec th, div#sub div#sub_column table.spec td {text-align: center; padding: 3px 2px 3px 2px;}
div#sub div#sub_column table.spec th.first, div#sub div#sub_column table.spec td.first {text-align: left;}
div#sub div#sub_column table.spec tr.odd {background-color: #CCCCCC;}

/*div#sub div#col_two {
	width: 165px;  full 165 
	float:  right;
}

* html div#sub div#col_two {width: 162px}*/

/*div#sub div#col_two div#switcher {
	padding: 12px;
	border-bottom: 1px solid #454545;
}*/

div#sub div#sub_column img.ad {margin: 0 20px 20px 0}

/* WHere 2 Get IT wrapper */
div#wrapWTGI {
	width: 600px;
	background-color: #F3F3F3;
}


div#wrapWTGI div#loc_right {
	/*width: 173px; Full 189px */
	width: 168px; /* Full 189px */
	padding-left: 15px;
	float: right;
	min-height: 540px; /* height fix */
	height: auto; /* height fix, pt. II */
}

* html div#wrapWTGI div#loc_right {height:540px} /* for ie only */

div#wrapWTGI div#loc_middle {
	width: 410px;
	border-right: 1px solid #454545;
}

.underline {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC;}

p.map_links {float: right; text-align: right; margin-top: -2px}
span.bump {font-size: 12px}

/* --- Footer --- */

div#ftr {
	width: 859px;
	text-align: center;
	padding: 30px 0 22px 0;
	background: transparent url(/i/bk_ftr.gif) no-repeat;
}

/* -- Left Nav manipulation and rollovers -- */

/* Parent controls */
div#lt_nav ul {
	list-style: none;
	margin: 0 0 0 6px;
	padding: 1px 0;
	width: 195px; /* Full 201 */
	background-image: url(/i/bk_nav.gif);
	background-repeat: no-repeat;
	background-position: top;	
	/*border-top: 1px solid #2C2C2C;*/
}

* html div#lt_nav ul {margin-top: -2px}

div#lt_nav ul li a {
	display: block;
	font-size: 12px;
	width: 181px;
	padding: 6px 0 7px 14px;
	background-image: url(/i/bk_nav.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
	/*border-bottom: 1px solid #2C2C2C;*/
}

div#lt_nav ul li a.menu {
	background-image: url(/i/bk_navmenu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	/*background: transparent url(/i/bk_navmenu.gif) 180px 10px no-repeat;*/
}

div#lt_nav ul li a:link, div#lt_nav ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

div#lt_nav ul li a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
}

/* -- Flyout Menus manipulation and rollovers -- */

div.flyout {
	z-index: 10;
	position: absolute;
	margin-left: 201px;
	visibility: hidden;
}

div.flyout {
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/i/opaque2.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.flyout[class] {
	background: transparent url(/i/opaque2.png);
}

div.flyout2 {
	z-index: 10;
	position: absolute;
	margin-left: 201px;
	visibility: hidden;
	/*background: transparent url(/i/opaque2.png);*/
	min-height: 202px; /* height fix */
	height: auto; /* height fix, pt. II */
}

* html div.flyout2 {height:202px} /* for ie only */

div.flyout2 {
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/i/opaque2.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.flyout2[class] {
	background: transparent url(/i/opaque2.png);
}

div.thumb {
	z-index: 10;
	position: absolute;
	margin-left: 201px;
	visibility: hidden;
	width: 170px; /* Full 190 */
	padding: 7px 10px 7px 10px;
	background-color: #000000;
	min-height: 202px; /* height fix */
	height: auto; /* height fix, pt. II */
}

div.thumb p {padding-top: 0; margin-top: 0; color: #FFFFFF;}
div.thumb a, div.thumb p a {font-size: 11px; color: #FFFFFF; text-decoration: none; display:block}
div.thumb ul {margin: 0 0 0 10px; padding: 0}
div.thumb ul li {color: #FFFFFF; /*color: #F2AD00;*/}

/* Position from top */
#nav1menu {top: 134px;}
#nav1sub1, #nav1sub2, #nav1sub3, #nav1sub4 {top: 134px; margin-left: 384px;}
#nav1ter1, #nav1ter2, #nav1ter3, #nav1ter4, #nav1ter5,  #nav1ter6,#nav1ter7, #nav2ter1, #nav2ter2, #nav2ter3, #nav2ter4, #nav2ter5, #nav2ter6, #nav2ter7, #nav2ter8, #nav2ter9, #nav3ter1, #nav3ter2, #nav3ter3, #nav4ter1, #nav4ter2, #nav4ter3, #nav4ter4, #nav4ter5 {top: 134px; margin-left: 567px;}
#nav5ter1, #nav6ter1, #nav7ter1 {top: 134px; margin-left: 384px;}
#nav2menu {top: 186px;}
#nav3menu {top: 241px;}
#nav4menu {top: 268px;}
#nav5menu {top: 295px;}

* html #nav1menu, * html #nav2menu, * html #nav3menu, * html #nav4menu, * html #nav5menu {margin-left: 0px;}

* html #nav1sub1, * html #nav1sub2, * html #nav1sub3, * html #nav1sub4 {margin-left: 183px;}

* html #nav1ter1, * html #nav1ter2, * html #nav1ter3, * html #nav1ter4, * html #nav1ter5, * html #nav1ter6, * html #nav2ter1, * html #nav2ter2, * html #nav2ter3, * html #nav2ter4, * html #nav2ter5, * html #nav2ter6, * html #nav2ter7, * html #nav2ter8, * html #nav2ter9, * html #nav3ter1, * html #nav3ter2, * html #nav3ter3, * html #nav4ter1, * html #nav4ter2, * html #nav4ter3, * html #nav4ter4, * html #nav4ter5 {margin-left: 366px;}

* html #nav5ter1,* html  #nav6ter1, * html #nav7ter1 {margin-left: 183px;}

/*#nav2menu {top: 203px; margin-left: 0px;}
#nav3menu {top: 203px; margin-left: 0px;}
#nav4menu {top: 227px; margin-left: 0px;}*/
/* Width of lists - 183px 
#nav1menu ul {width: 183px;}
#nav2menu ul {width: 183px;}
#nav3menu ul {width: 183px;}
#nav4menu ul {width: 183px;}*/

ul.menus {
	width: 183px;
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menus li {
	font-size: 11px;
}

ul.menus li a {
	display: block;
	width: 164px;
	padding: 7px 6px 7px 13px;
}

ul.menus li a.menu {
	background: transparent url(/i/bk_ltnav.gif) 168px 10px no-repeat;
}

* html ul.menus li a.menu {
	background:transparent filter: alpha(opacity=80);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
}

ul.menus li a:link, ul.menus li a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

ul.menus li a:hover {
	background: #000000;
}

ul.menus li a.menu:hover {
	background: #000000 url(/i/bk_ltnav.gif) 168px 10px no-repeat;
}

/* ==== Product Catalog ==== */

div#cat_container {
	width: 642px;
	text-align: left;
	margin-bottom: 10px;
	background: #454545 url(../i/cat_btm.gif) bottom no-repeat;
}

div#cat_hdr {
	height: 53px; /* Full 83 */
	background: #454545 url(../i/cat_hdr.gif) no-repeat;
	margin-top: 10px;
}

div#cat_logo {
	position: absolute;
	margin: 14px 0 0 14px;
	background: transparent url(../i/cat_logo.gif) no-repeat;
}

div#cat_logo a {
	display: block;
	/*width: 189px;
	height: 59px;*/
	font-size: 28px;
	color: #000000;
	text-indent: 0px;
	text-decoration: none;
}

div#cat_print {
	position: absolute;
	margin: 32px 0 0 535px;
	display: none;
}

div#cat_sub {
	margin-top: 10px;
	padding: 0 6px;
}

div#cat_column {
	margin: 0 6px;
	padding: 14px 5px;
	background: #F3F3F3 url(../i/cat_col_btm.gif) bottom no-repeat;
}

div#cat_column h1 {
	margin-top: 0px;
}

div#cat_ftr {
	padding: 10px 0;
	text-align: center;
	color: #FFFFFF;
}

div#cat_ftr p {
	color: #FFFFFF;
}