/*Main styles for site*/

body {
	
	background-image:  url(nav/diaginal-blue.gif);
	scrollbar-3d-light-color:#000000;
    scrollbar-arrow-color:#C6CCDA;
    scrollbar-base-color:#98A0B3;
    scrollbar-dark-shadow-color:#333366;
    scrollbar-face-color:#6B7485;
    scrollbar-highlight-color:#6B7485;
	scrollbar-track-color:#434865;
    scrollbar-shadow-color:#6B7485
}
.BlackText-24B {font-family: "Arial", Helvetica, sans-serif; font-size: 24px; color: #000;; text-decoration: none; font-weight: bold;}
.BlackText-24 {font-family: "Arial", Helvetica, sans-serif; font-size: 24px; color: #000; text-decoration: none; font-weight: normal;}
.BlackText-18B {font-family: "Arial", Helvetica, sans-serif; font-size: 18px; color: #000; text-decoration: none; font-weight: bold;}
.BlackText-18 {font-family: "Arial", Helvetica, sans-serif; font-size: 18px; color: #000; text-decoration: none; font-weight: normal;}
.BlackText-16B {font-family: "Arial", Helvetica, sans-serif; font-size: 16px; color: #000; text-decoration: none; font-weight: bold;}
.BlackText-16 {font-family: "Arial", Helvetica, sans-serif; font-size: 16px; color: #000; text-decoration: none; font-weight: normal;}
.BlackText-14B {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; color: #000; text-decoration: none; font-weight: bold;}
.BlackText-14 {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; color: #000; text-decoration: none; font-weight: normal;}
.BlackText-12B {font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; font-weight: bold;}
.BlackText-12 {font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; font-weight: normal;}
.BlackText-10B {font-family: "Arial", Helvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; font-weight: bold;}
.BlackText-10 {font-family: "Arial", Helvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; font-weight: normal;}
.BlackText-8B {font-family: "Arial", Helvetica, sans-serif; font-size: 8px; color: #000; text-decoration: none; font-weight: bold;}
.BlackText-8 {font-family: "Arial", Helvetica, sans-serif; font-size: 8px; color: #000; text-decoration: none; font-weight: normal;
}
.BlackText-14B-Centered {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; font-weight: bold;	color: #000;text-align: center}
.BlackHeader-Line {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	border-bottom-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #000000;
	border-left-color: #FFFFFF;
	clear: left;
	border-bottom-width: medium;
}

.BlackTable-Header {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
	text-indent: 15pt;
	background-image: url(nav/black-table-header.jpg);
	background-repeat: repeat-x;
	height: auto;
}

.RedText-24B {font-family: "Arial", Helvetica, sans-serif; font-size: 24px; color: #990000; text-decoration: none; font-weight: bold;}
.RedText-18B {font-family: "Arial", Helvetica, sans-serif; font-size: 18px; color: #990000; text-decoration: none; font-weight: bold;}
.RedText-16B {font-family: "Arial", Helvetica, sans-serif; font-size: 16px; color: #990000; text-decoration: none; font-weight: bold;}
.RedText-14B {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; color: #990000; text-decoration: none; font-weight: bold;}
.RedText-12B {font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: none; font-weight: bold;}
.RedText-10B {font-family: "Arial", Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; font-weight: bold;}
.RedText-8B {font-family: "Arial", Helvetica, sans-serif; font-size: 8px; color: #990000; text-decoration: none; font-weight: bold;
}
.GrayText-24B {font-family: "Arial", Helvetica, sans-serif; font-size: 24px; color: #6B7485; text-decoration: none; font-weight: bold;}
.GrayText-18B {font-family: "Arial", Helvetica, sans-serif; font-size: 18px; color: #6B7485; text-decoration: none; font-weight: bold;}
.GrayText-16B {font-family: "Arial", Helvetica, sans-serif; font-size: 16px; color: #6B7485; text-decoration: none; font-weight: bold;}
.GrayText-14B {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; color: #6B7485; text-decoration: none; font-weight: bold;}
.GrayText-12B {font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #6B7485; text-decoration: none; font-weight: bold;}
.GrayText-10B {font-family: "Arial", Helvetica, sans-serif; font-size: 10px; color: #6B7485; text-decoration: none; font-weight: bold;}
.GrayText-8B {font-family: "Arial", Helvetica, sans-serif; font-size: 8px; color: #6B7485; text-decoration: none; font-weight: bold;
}
.GoldText-24B {font-family: "Arial", Helvetica, sans-serif; font-size: 24px; color: #D8C98D; font-weight: bold;}
.GoldText-24 {font-family: "Arial", Helvetica, sans-serif; font-size: 24px; color: #D8C98D; font-weight: normal;}
.GoldText-18B {font-family: "Arial", Helvetica, sans-serif; font-size: 18px; color: #D8C98D; font-weight: bold;}
.GoldText-18 {font-family: "Arial", Helvetica, sans-serif; font-size: 18px; color: #D8C98D; font-weight: normal;}
.GoldText-16B {font-family: "Arial", Helvetica, sans-serif; font-size: 16px; color: #D8C98D; font-weight: bold;}
.GoldText-16 {font-family: "Arial", Helvetica, sans-serif; font-size: 16px; color: #D8C98D; font-weight: normal;}
.GoldText-14B {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; color: #D8C98D; font-weight: bold;}
.GoldText-14 {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; color: #D8C98D; font-weight: normal;}
.GoldText-12B {font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #D8C98D; font-weight: bold;}
.GoldText-11 {font-family: "Arial", Helvetica, sans-serif; font-size: 11px; color: #D8C98D; font-weight: normal;}
.GoldText-10B {font-family: "Arial", Helvetica, sans-serif; font-size: 10px; color: #D8C98D; font-weight: bold;}
.GoldText-10 {font-family: "Arial", Helvetica, sans-serif; font-size: 10px; color: #D8C98D; font-weight: normal;}
.GoldText-8B {font-family: "Arial", Helvetica, sans-serif; font-size: 8px; color: #D8C98D; font-weight: bold;}
.GoldText-7 {font-family: "Arial", Helvetica, sans-serif; font-size: 7px; color: #D8C98D; font-weight: normal;
}
.WhiteText-7B {font-family: "Arial", Helvetica, sans-serif; font-size: 7px; color: #FFFFFF;  font-weight: bold;}
.WhiteText-8B {font-family: "Arial", Helvetica, sans-serif; font-size: 8px; color: #FFFFFF;  font-weight: bold;}
.WhiteText-12B {font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;  font-weight: bold;}
.WhiteText-11 {font-family: "Arial", Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;  font-weight: normal;}
.WhiteText-14B {font-family: "Arial", Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;  font-weight: bold;}
.WhiteText-16B {font-family: "Arial", Helvetica, sans-serif; font-size: 16px; color: #FFFFFF;  font-weight: bold;}
.WhiteText-18B {font-family: "Arial", Helvetica, sans-serif; font-size: 18px; color: #FFFFFF;  font-weight: bold;}
.WhiteText-24B {font-family: "Arial", Helvetica, sans-serif; font-size: 24px; color: #FFFFFF;  font-weight: bold;
}
body,td,th {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

a {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #990000;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
    TEXT-DECORATION: none;
} 

a:hover {
    COLOR: #98A0B3;
}

h1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
	MARGIN-TOP: -2px;
	MARGIN-BOTTOM: 16px;
	padding-bottom: 2px;
    COLOR: #990000;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
}

h2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    MARGIN-BOTTOM: 3px;
    COLOR: #000000;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
}

h3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
    COLOR: #555555;
    MARGIN-BOTTOM: 3px;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
}

h4 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #2d4e70;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
}

h5 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #990000;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
	 margin: 10px 0px 0px 0px;
}

h6 {
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-WEIGHT: bold;
	FONT-FAMILY: "Arial", Helvetica, sans-serif;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}

img.floatleft { 
	float: left;
	margin: 10px; 
}

img.floatright { 
	float: right;
	margin: 15px; 
}

/*used on /product/whatsnew_20.cfm to position first paragraph and image*/
.floatright {
	float: right;
	margin: 3px;
	padding:  0px;

}
ul, ol {
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: "Arial", Helvetica, sans-serif;
	text-indent: 0px;
	list-style-image: url(http://www.focalspot.com/nav/arrow-red.gif);
	font-style: normal;
	text-align: left;
	font-weight: normal;
}

.searchbox
{
	FONT-SIZE: 11px;
	COLOR: #6B7485;
	MARGIN-BOTTOM: 2px;
	WIDTH: 120px;
	FONT-FAMILY: "Arial", Helvetica, sans-serif;
	border: thin inset #A8B3C2;
}
.searchGrey
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #999999;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.on
{
    PADDING-LEFT: 8px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
	border-bottom: solid 1px Silver;    
	CURSOR: pointer;
    COLOR: #000000;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #ddeeFF;
}
.off
{
    PADDING-LEFT: 8px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
	border-bottom: solid 1px Silver;
	COLOR: #555555;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #ffffff;
}

/*Styles for Homepage Only */
blockquote {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 12px 0px 0px;
	PADDING-TOP: 0px;
	FONT-STYLE: normal;
	text-align: left;
}
.RedBanner-14 {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #990000;
	text-indent: 5pt;
	right: 20px;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
}
.BlackBanner-14 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
	text-indent: 5pt;
}
.GrayBanner-14 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	background-color: #6B7485;
	text-indent: 5pt;
}
.RedBanner-12 {

	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	background-color: #990000;
	text-indent: 5pt;
}
.BlackBanner-12 {

	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
	text-indent: 5pt;
}
.GrayBanner-12 {

	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	background-color: #6B7485;
	text-indent: 5pt;
}
.GrayText-12 {

font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #6B7485; text-decoration: none; font-weight: normal;
}
.BlackBanner-11-GreyText {

	font-family: "Arial", Helvetica, sans-serif;
	font-size: 10px;
	color: #ddeeFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
	text-indent: 5pt;
}

div table tr td div ul .BlackText-12 p .BlackText-12B {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000;
	text-align: left;
	text-indent: 10px;
}
.BlackText-12-bulleted-List {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	list-style-image: url(nav/arrow-red.gif);
	display: list-item;
	list-style-position: inside;
	list-style-type: none;
}
.Table-Divider-Dash-Vertical {
	background-image: url(widgets/Line-dash-gry-vert-ctr.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}

.item {
	padding: 10px 0 10px 0;
	background-color: #fff;
}

.left h3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
    COLOR: #555;
	padding: 5px;
    MARGIN: 0px;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
}

.left {
	float: left;
	width: 270px;
}

.left h4 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #2d4e70;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
}

.left .details {
	font-size: 10px;
	float: left;
	width: 170px;
	margin-top: 5px;
}

.left .details_left {
	font-size: 10px;
	float: left;
	margin-top: 5px;
	width: 100px;
}

.right h3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	background-color: #555;
    COLOR: #fff;
	padding: 5px;
    MARGIN-BOTTOM: 15px;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
}

.right h4 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #2d4e70;
    FONT-FAMILY: "Arial", Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #2d4e70;
}

.item p {
	font-size: 12px;	
}

.ins_img {
	padding: 6px;
	border: 2px solid #DDD;
	background-color: #fff;
}

.right {
	float: left;
	width: 480px;
	border-left: 1px dashed #DDD;
	margin-left: 10px;
	padding-left: 10px;
}

.clearit {
	clear: both;	
}

.refurb_item {
	float: left;
	width: 229px;
	padding: 10px;
	margin: 10px 10px 10px 0;
	border: 1px solid #efefef;
	background-color: #f7f7f7;
}

.refurb_item_last {
	float: left;
	width: 228px;
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #efefef;
	background-color: #f7f7f7;

}