﻿body { }

TD	{ font-family: Arial, Helvetica, sans-serif; color: #333333; font-size:12px; line-height: 1.6em; }

IMG					{ border: 0px; outline: none; }

A		         { font-family: Arial; font-size: 12px; color: #FFFFFF; line-height: 1.6em; text-decoration:none; }
A:link           { font-family: Arial; font-size: 12px; color: #FFFFFF; line-height: 1.6em; text-decoration:none; }
A:visited        { font-family: Arial; font-size: 12px; color: #FFFFFF; line-height: 1.6em; text-decoration:none; }
A:hover          { font-family: Arial; font-size: 12px; color: #f26c00; line-height: 1.6em; text-decoration:underline; }

.Header TD		        { font-family: Arial; font-size: 11px; color: #333333; line-height: 1.6em; text-decoration:none; }
.Header A		        { font-family: Arial; font-size: 11px; color: #333333; line-height: 1.6em; text-decoration:none; }
.Header A:link           { font-family: Arial; font-size: 11px; color: #333333; line-height: 1.6em; text-decoration:none; }
.Header A:visited        { font-family: Arial; font-size: 11px; color: #333333; line-height: 1.6em; text-decoration:none; }
.Header A:hover          { font-family: Arial; font-size: 11px; color: #0984b6; line-height: 1.6em; text-decoration:underline; }

.Footer TD		        { font-family: Arial; font-size: 11px; color: #666666; line-height: 1.6em; text-decoration:none; }
.Footer A		        { font-family: Arial; font-size: 11px; color: #999999; line-height: 1.6em; text-decoration:none; }
.Footer A:link           { font-family: Arial; font-size: 11px; color: #999999; line-height: 1.6em; text-decoration:none; }
.Footer A:visited        { font-family: Arial; font-size: 11px; color: #999999; line-height: 1.6em; text-decoration:none; }
.Footer A:hover          { font-family: Arial; font-size: 11px; color: #999999; line-height: 1.6em; text-decoration:underline; }

.SubFooter TD		        { font-family: Arial; font-size: 11px; color: #333333; line-height: 1.6em; text-decoration:none; font-weight:bold; }
.SubFooter A		        { font-family: Arial; font-size: 11px; color: #666666; line-height: 1.6em; text-decoration:none; font-weight:normal; }
.SubFooter A:link           { font-family: Arial; font-size: 11px; color: #666666; line-height: 1.6em; text-decoration:none; font-weight:normal; }
.SubFooter A:visited        { font-family: Arial; font-size: 11px; color: #666666; line-height: 1.6em; text-decoration:none; font-weight:normal; }
.SubFooter A:hover          { font-family: Arial; font-size: 11px; color: #666666; line-height: 1.6em; text-decoration:underline; font-weight:normal; }

.MainTabNav	td  	        { font-family: Arial; color: #FFFFFF; font-size:12px; text-decoration:none; text-align:center; }
.MainTabNav	td a	        { font-family: Arial; color: #FFFFFF; font-size:12px; text-decoration:none; text-align:center; }
.MainTabNav	td a:link	    { font-family: Arial; color: #FFFFFF; font-size:12px; text-decoration:none; text-align:center; }

.MainTabNavOut				{ width:160px; }
.MainTabNavOut a			{ color:#FFFFFF; }
.MainTabNavOut a:link		{ color:#FFFFFF; }
.MainTabNavOut a:visited	{ color:#FFFFFF; }

.MainTabNavOver				{ width:160px; background-image: url("http://localhost:62976/OPTIRedesign/Images/TabOver.gif?tab=1"); background-repeat: no-repeat; }
.MainTabNavOver a			{ color:#ffcc00; }
.MainTabNavOver a:link		{ color:#ffcc00; }
.MainTabNavOver a:visited	{ color:#ffcc00; }

.MainTabNavHover			{ width:160px; background-image: url("http://localhost:62976/OPTIRedesign/Images/TabHover.gif?tab=1"); background-repeat: no-repeat; }
.MainTabNavHover a			{ color:#ffcc00; }
.MainTabNavHover a:link		{ color:#ffcc00; }
.MainTabNavHover a:visited	{ color:#ffcc00; }

.SearchBox	{ border-left: 1px solid #4b7c9f; border-right: 0px solid #4b7c9f; border-top: 1px solid #4b7c9f; border-bottom: 1px solid #4b7c9f; margin-top: 0px; padding-left: 2px; padding-right: 2px; padding-top: 2px; background-repeat: repeat; width: 90px; height: 16px; font-size: 11px; color: #0984b6; font-family: Arial, Tahoma, Sans-Serif; }

.HeaderCountry { margin-top:10px; padding-left: 7px; height: 20px; font-size: 11px; color: #575757; font-family: Arial; font-weight:bold; }


.SubHeader					{ font-family: Arial; font-size: 11px; padding-left:10px; padding-right:10px; background-color:#f0f0f0; height:30px; font-size:11px; }

.SubHeader A				{ font-family: Arial; font-size: 11px; color: #0984b6; line-height: 1.6em; text-decoration:none; }
.SubHeader A:link			{ font-family: Arial; font-size: 11px; color: #0984b6; line-height: 1.6em; text-decoration:none; }
.SubHeader A:visited		{ font-family: Arial; font-size: 11px; color: #0984b6; line-height: 1.6em; text-decoration:none; }
.SubHeader A:hover			{ font-family: Arial; font-size: 11px; color: #F26C00; line-height: 1.6em; text-decoration:underline; }


.Navigation A				{ font-family: Arial; font-size: 12px; color: #0984b6; line-height: 1.6em; text-decoration:none; }
.Navigation A:link          { font-family: Arial; font-size: 12px; color: #0984b6; line-height: 1.6em; text-decoration:none; }
.Navigation A:visited       { font-family: Arial; font-size: 12px; color: #0984b6; line-height: 1.6em; text-decoration:none; }
.Navigation A:hover         { font-family: Arial; font-size: 12px; color: #F26C00; line-height: 1.6em; text-decoration:underline; }

.Heading1 { font-size:18px; }
.Heading2 { font-size:15px; font-weight:bold; color:#666666; }

.ProductCategory A				{ font-family: Arial; font-size: 11px; color: #000000; line-height: 1.6em; text-decoration:none; }
.ProductCategory A:link         { font-family: Arial; font-size: 11px; color: #000000; line-height: 1.6em; text-decoration:none; }
.ProductCategory A:visited      { font-family: Arial; font-size: 11px; color: #000000; line-height: 1.6em; text-decoration:none; }
.ProductCategory A:hover        { font-family: Arial; font-size: 11px; color: #F26C00; line-height: 1.6em; text-decoration:underline; }


#DivSpecifications { width:100%; }
#DivSpecifications H2 { MARGIN-TOP: 15px; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #67959b 1px solid; }
#DivSpecifications H3 { FONT-WEIGHT: bold; font-size:10px; }
#DivSpecifications UL { MARGIN-BOTTOM: 15px; }
#DivSpecifications UL LI { MARGIN: 0px 0px 5px; font-size:10px; PADDING-LEFT: 10px; BACKGROUND: url('http://store.opti-ups.com/Images/BulletDot.gif') no-repeat left 7px; LIST-STYLE-TYPE: none; }
#DivSpecifications TD { vertical-align: top; }
#DivSpecifications a:link		{ color:#8f8f8f; font-size:9px; font-weight: normal; text-decoration: none; }
#DivSpecifications a:visited	{ color:#8f8f8f; font-size:9px; font-weight: normal; text-decoration: none; }
#DivSpecifications a:hover		{ color:#F26C00; font-size:9px; font-weight: normal; text-decoration: none; }
#DivSpecifications .TwoColumn		{ width:100%; clear:both; }
#DivSpecifications .TwoColumn div	{ width:50%; float:left; }

#DivFeatures { width:100%; }
#DivFeatures H2 { MARGIN-TOP: 15px; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #67959b 1px solid; }
#DivFeatures H3 { FONT-WEIGHT: bold; }
#DivFeatures UL { MARGIN-BOTTOM: 0px; }
#DivFeatures UL LI { MARGIN: 0px 0px 5px; padding-bottom: 4px; PADDING-LEFT: 10px; border-bottom:1px solid #f1f1f1; BACKGROUND: url('http://store.opti-ups.com/Images/BulletDot.gif') no-repeat left 7px; LIST-STYLE-TYPE: none; }
#DivFeatures TD { vertical-align: top; }
#DivFeatures a:link			{ color:#8f8f8f; font-size:9px; font-weight: normal; text-decoration: none; }
#DivFeatures a:visited		{ color:#8f8f8f; font-size:9px; font-weight: normal; text-decoration: none; }
#DivFeatures a:hover		{ color:#F26C00; font-size:9px; font-weight: normal; text-decoration: none; }

#DivBattery { width:100%; }
#DivBattery H2 { MARGIN-TOP: 15px; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #67959b 1px solid; }
#DivBattery H3 { FONT-WEIGHT: bold; font-size:10px; }
#DivBattery UL { MARGIN-BOTTOM: 15px; }
#DivBattery UL LI { MARGIN: 0px 0px 5px; padding-bottom: 4px; PADDING-LEFT: 10px; border-bottom:1px solid #f1f1f1; BACKGROUND: url('http://store.opti-ups.com/Images/BulletDot.gif') no-repeat left 7px; LIST-STYLE-TYPE: none; }
#DivBattery TD	{ vertical-align: top; }

#DivDownloads { width:100%; }
#DivDownloads H2 { MARGIN-TOP: 15px; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #67959b 1px solid; }
#DivDownloads H3 { FONT-WEIGHT: bold; }
#DivDownloads UL { MARGIN-BOTTOM: 0px; }
#DivDownloads UL LI { MARGIN: 0px 0px 5px; padding-bottom: 4px; PADDING-LEFT: 10px; border-bottom:1px solid #f1f1f1; BACKGROUND: url('http://store.opti-ups.com/Images/BulletDot.gif') no-repeat left 7px; LIST-STYLE-TYPE: none; }
#DivDownloads TD { vertical-align: top; }

.Product UL { PADDING: 0px; MARGIN: 0px; }
.Product LI { PADDING: 0px; MARGIN: 0px; }


.ProductDetail .HeaderPanel					{ background-color:#f0f0f0; }
.ProductDetail .HeaderLeftPanel				{ padding-left:10px; padding-top:10px; padding-bottom:30px; vertical-align:top; text-align:left; }
.ProductDetail .HeaderLeftPanel H1			{ font-size:26px; line-height:90%; }
.ProductDetail .HeaderLeftPanel P			{ font-family: Arial; font-size:12px; }
.ProductDetail .HeaderRightPanel			{ padding-left:10px; padding-top:5px; vertical-align:top; text-align:center; width:240px; }
.ProductDetail .BodyLeftPanel				{ vertical-align:top; height:300px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top:10px; }
.ProductDetail .BodyRightPanel				{ width:318px; padding-left:20px; padding-top:10px; text-align:center; vertical-align:top; }
.ProductDetail .BuyOnline					{ background-color: #e2eeff; width:100%; }
.ProductDetail .BuyOnline TD				{ width:50%; height:88px; text-align:center; vertical-align:middle; }
.ProductDetail .BuyOnline IMG				{ margin-bottom:5px; margin-top:5px; }
.ProductDetail .RelatedProduct				{ text-align:left; border: 1px solid #bdbdbd; width:318px; }
.ProductDetail .RelatedProduct .Header		{ background-image:url('http://localhost:62976/OPTIRedesign/Images/RelatedProductBG.gif'); height:28px; padding-left:5px; vertical-align:middle; }
.ProductDetail .RelatedProduct .Item		{ PADDING: 5px; vertical-align:middle; width:100%; height:60px; }
.ProductDetail .RelatedProduct .Item TD	{ PADDING: 5px; vertical-align:middle; border-top: 1px solid #bdbdbd; }

.HomeFeature			{ text-align:left; border-top: 1px solid #666666; border-bottom:1px solid #666666; border-right:0px solid #000000; width:100%;}
.HomeFeature td			{ text-align:left; border-left: 1px solid #666666;  }
.HomeFeature .Header	{ background-image:url('http://localhost:62976/OPTIRedesign/Images/RelatedProductBG.gif'); height:28px; padding-left:5px; vertical-align:middle; width:25%; }
.HomeFeature .Photo		{ height:100px; background-color:#ffffff;  padding-left:5px; padding-right:5px; vertical-align:middle; text-align:center; }
.HomeFeature .Headline	{ height:10px; background-color:#f3f3f3;  padding-left:10px; padding-right:10px; padding-top:10px; vertical-align:top; }
.HomeFeature .Content	{ height:40px; font-size:11px;  background-color:#f3f3f3;  padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:10px; vertical-align:top; }
.HomeFeature .Content a	{ font-size:11px; font-weight:bold; }
.HomeFeature .Content ul { padding-left: 15px; margin:0px;}
.HomeFeature .Content li { list-style: square; }



H1 { font-size:18px; BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; }
H2 { font-size:16px; BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; }
H3 { font-size:15px; BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; }
H4 { font-size:15px; BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; }


.disc_number { DISPLAY: block; WIDTH: 10px; POSITION: relative; TEXT-ALIGN: right; font-size:9px; color:#989898; line-height:13px; }
.disc_text { DISPLAY: block; PADDING-LEFT: 20px; MARGIN-BOTTOM: -12px; POSITION: relative; TOP: -14px; font-size:9px; color:#989898; line-height:13px; }





.FormClass { margin-bottom: 30px; width:520px; }        
.FormClass .FormLabel { text-align:right; padding-right:10px; vertical-align:top; padding-top:7px; width:120px; }
.FormClass .FormField { text-align:left; padding:5px; background-color: #e2eeff; vertical-align:top; } 
.FormClass .FormHeader { border-bottom: 1px solid #afd1ff; height:25px; font-size:16px; } 
.FormClass .FormHeader H1 { height:25px; font-size:16px; float:left; } 
.FormClass .FormRequired { text-align:right; font-size:11px; }
.FormClass INPUT.txt { width:350px; height:18px; border: #afd1ff 1px solid; } 
.FormClass TEXTAREA { width:350px; height:100px; border: #afd1ff 1px solid; }
.FormClass .FormError   {float:left;}



.FAQList { MARGIN-LEFT: 0px; padding-left:0px; }
.FAQList H3 { MARGIN-TOP: 5px; FONT-WEIGHT: normal; font-size:12px; }
.FAQList UL { MARGIN-LEFT: 0px }
.FAQList .FAQCollapsed { PADDING-LEFT: 15px; BACKGROUND: url(http://localhost:62976/OPTIRedesign/Images/faqArrowCollapse.gif) no-repeat 0px 5px; LIST-STYLE-TYPE: none; }
.FAQList .FAQExpanded { PADDING-LEFT: 15px; BACKGROUND: url(http://localhost:62976/OPTIRedesign/Images/faqArrowExpand.gif) no-repeat 0px 5px; LIST-STYLE-TYPE: none; }
.FAQList .FAQExpanded H3 { FONT-WEIGHT: bold; }


.NewsPoint { MARGIN: 0px; padding:0px; margin-bottom:5px; }
.NewsPoint .FAQCollapsed { PADDING-LEFT: 15px; BACKGROUND: url(http://localhost:62976/OPTIRedesign/Images/faqArrowCollapse.gif) no-repeat 0px 5px; LIST-STYLE-TYPE: none; }

.WhereToBuy { PADDING: 7px; MARGIN: 0px 0px 0px; BACKGROUND-COLOR: #e2eeff; }
.WhereToBuy .Container { background-color:#ffffff; border:1px solid #afd1ff; margin-bottom:0px; padding:20px; }

.RightPanel	{ padding-left: 15px; padding-right:15px; padding-bottom:1px; padding-top:15px; MARGIN: 0px 0px 0px; BACKGROUND-COLOR: #ededed; }
.RightPanel .Container { background-color:#ffffff; border:1px solid #dfdfdf; margin-bottom:15px; padding-bottom:5px; padding-top:5px; padding-left:0px; padding-right:0px; }
.RightPanel H1 { font-size: 13px; margin-bottom:0px; padding-left: 5px; padding-right:5px; padding-top:2px; }
.RightPanel HR { color: #dfdfdf; }
.RightPanel DIV { font-size:11px; padding-left: 5px; padding-right: 5px; line-height: 1.4em; }
.RightPanel DIV A { font-size:11px; }
.RightPanel UL { margin:0px; padding:0px;}
.RightPanel UL LI { MARGIN: 0px 5px 5px; font-size:10px; PADDING-LEFT: 10px; BACKGROUND: url('http://store.opti-ups.com/Images/BulletDot.gif') no-repeat left 7px; LIST-STYLE-TYPE: none; }

.Button
{
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 3px; BORDER-LEFT-WIDTH: 0px; BACKGROUND-IMAGE: url('http://store.opti-ups.com/Images/ButtonBG.gif'); BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; WIDTH: 113px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 27px; BORDER-RIGHT-WIDTH: 0px;
	PADDING-LEFT: 15px; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; 
}


.Download { border-collapse: collapse; border: 1px solid #5C97C7; }
.DownloadHeader { background-color: #5C97C7; color:#f3f6f9; }
.DownloadRow td { background-color: #f3f6f9; font:11px arial; color:#369; }
.DownloadAlternateRow td { font:11px arial; color:#369;}




.BodyContent { width:100%; }
.BodyContent .LeftPanel { width:100%; }

.DownloadProductPhoto { border: 1px solid #010101; }