/* ############  CSS Document ############ */ 

/* ############  General Styles ############ */ 
.clear { clear: left; clear: right; clear:both } 
.left { float: left; display: inline; position: relative; }
.right { float: right; display: inline; position: relative; }
.decimal { text-align:right }
#logo { clear: left; height: 120px; width: 251px; margin: 0 0 0 25px; }
.fracNum, .fracDen { font-size: 70%; }
.fracNum { vertical-align: 0.4em; }
.fracDen { vertical-align: -0.1em; }

/* ############  Page Elements ############ */ 
body { behavior:url("/csshover.htc"); font-family: Arial,helvetica,sans-serif; font-size: 14px; background-color: #fff; padding: 0; margin:0; color:#333; border-top: 30px solid #000;}
body { behavior:url("/csshover.htc"); }
img, div, h1, span, a, li, a:hover { behavior: url("/iepngfix.htc") } /* ie6 PNG fix */
h1 { background:url(../images/templateImages/logo.jpg) top left no-repeat; height: 120px; width: 251px; margin: 0; }
h1 span { display:none }
h2 { font: bold 24px "Arial", Helvetica, sans-serif; color:#0a407b; padding:0; margin: 0; }
h3 { font: bold 20px "Arial", Helvetica, sans-serif; color:#0a407b; padding:0; margin: 0; }
h4 { font: bold 18px "Arial", Helvetica, sans-serif; color:#0a407b; padding:0; margin: 0; }
h5 { font: bold 16px "Arial", Helvetica, sans-serif; color:#0a407b; padding:0; margin: 0; }
h6 { font: bold 14px "Arial", Helvetica, sans-serif; color:#000000; padding:0; margin: 0; }
p { padding:0; margin: 0 0 1em 0; text-align:justify; }
div, form, img { padding: 0; margin: 0; }
hr { clear: left; clear: right; clear: both; }
address { font-style:normal; margin:0; padding:0; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

/* ############  sIFR Styles ############ */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 {visibility: hidden; letter-spacing: -5px; font: bold 24px "Tahoma", sans-serif; color:#0a407b; padding:0; margin: 0; vertical-align:bottom; margin-bottom: -10px}
.sIFR-hasFlash h3 {visibility: hidden; letter-spacing: -9px; font: bold 20px "Tahoma", sans-serif; color:#0a407b; padding:0; margin: 0; vertical-align:bottom; margin-bottom: -7px}
.sIFR-hasFlash h4, .sIFR-hasFlash h5, {visibility: hidden;letter-spacing: 0; font: bold 18px "Arial", sans-serif; color:#0a407b; padding:0; margin: 0; margin-bottom: -10px; vertical-align:bottom;display: inline-block; }
.sIFR-hasFlash homePageList dt {visibility: hidden;letter-spacing: 0; font: bold 16px "Arial", sans-serif; color:#0a407b; padding:0; margin: 0; margin-bottom: -15px; vertical-align:bottom;display: inline-block; }

/* ############  Template Styles ############ */ 
#wrapper { width: 954px; margin:0 auto; margin-top: 20px; padding:0; }
#whiteBox { width: 954px; margin:0 auto; position: relative; background: #fff url(../images/templateImages/BGTile.jpg) 13px 0px repeat-y; text-align: justify; }
#ctl00_pageHeader { position: absolute; top:0; left:13px; }
#ctl00_pageFooter { margin: 0 0 -3px 13px; }
#TopLinks { margin-right: 30px; text-align: right; }
#BGChrome { margin: -30px 0 20px 0; position: relative;}
#ChromeTop { background: url(../images/templateImages/ChromeTop.png) top left no-repeat; height: 48px;}
#ChromeTop ul { display: inline; float: right; margin:2px 7px 0 0; }
#ChromeTop li { display: inline; float: left; margin:0; text-transform:uppercase; font: bold 1.2em "Arial", Helvetica, sans-serif;}
#ChromeTop li a { color:#333; display: block; padding: 15px 9px 10px 9px; }
#ChromeTop a:hover { text-decoration:none; }
#ChromeTop li:hover { background: url(../images/templateImages/navHover.png) top left no-repeat; text-decoration:none; }
#ChromeMiddle { background: url(../images/templateImages/ChromeMiddle.jpg) top left no-repeat; padding: 0px 25px 0 18px; }
#ChromeMiddleBGFill { background: url(../images/templateImages/ChromeMiddleBGFill.jpg) top left repeat-y; }
#ChromeBottom { background: url(../images/templateImages/ChromeBottom.png) top left no-repeat; height: 22px; margin-top: -20px;}
#ChromeContent { position: relative }
#content { margin: 0 40px 10px 40px;  position: relative; }
#contentLeft { width: 630px; }
#contentRight { width: 222px; position: absolute; top: 0; left: 650px; }
#footer { text-align: center; color: #666; margin: 10px 20px 40px 20px; }
#footer a { color: #666 }

/*---------- HelpBalloon -----------*/
.HelpBalloon { position: absolute; top: 50px; right:20px; z-index: 100; padding: 10px; }
.tt{ position:relative;}
.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:25; background:; color:#333; text-decoration: none;}
.tt:hover span.tooltip{ z-index:25; display:block; position:absolute; top:10px; right:10px; padding: 0; width:315px; text-align: left; }
.tt:hover span.bubbleTop{ display: block; width: 300px; height: 36px; background: url(../images/templateImages/bubbleTop.png) no-repeat top left; }
.tt:hover span.bubbleMiddle{ display: block; width: 300px;	padding:0; margin:0; background: url(../images/templateImages/bubbleFill.png) no-repeat top left; }
.tt:hover span.bubbleContents {  display: block; margin: 0 35px 0 35px; padding:0; border: 1px solid transparent; color:#333; }
* html .a.tt:hover span.bubbleContents {border: none;}
.tt:hover span.bubbleBottom{ display: block; width: 300px; height: 37px; padding:0; margin:0; background: url(../images/templateImages/bubbleBottom.png) no-repeat top left; }
/*-
* html .HelpBalloon:hover span.bubbleBottom{ background: url(../images/templateImages/bubbleBottom.png) no-repeat top left; }
* html .HelpBalloon:hover span.bubbleMiddle{ background: url(../images/templateImages/bubbleFill.png) no-repeat top left; }
* html .HelpBalloon:hover span.bubbleTop{ background: url(../images/templateImages/bubbleTop.png) no-repeat top left; }
-*/


/* ############  Page Styles ############ */
.featuredBox { background-color: #e5e5e5; padding: 10px; margin-bottom: 15px; }
.featuredBox img { border: 1px solid #b1b5bf }
.featuredBox p { color:#666; font-weight: bold; text-align:center; padding:0; margin: 5px 0 0 0; }
.downloadBox{ background-color: #e5e5e5; padding: 10px; float: right; width: 300px; margin-left: 20px; }
.downloadBox ol {padding:0; margin:0;}
.downloadBox li { padding:0; margin-left:20px; }
#contentRight dt, #contentLeft dt, #ChromeMiddle dt { font: bold 16px "Arial", sans-serif; margin-top: 10px; }
#priceList { padding:0; margin:0; }
#priceList li { border-bottom: 1px solid #ccc; list-style-type: none; padding: 7px 0 0 0;}
#priceList .right { text-align: right;}
#ChromeTextOnly { padding: 30px; position: relative; width: 855px; }
#ctl00_cphContentChrome_lMain { width: 530px;}
.loginIndent { margin: 5px 0 20px 30px; line-height:25px }
.loginIndent label { font-weight: bold; }
#ctl00_cphContentChrome_prMain { background-color: #f4faff; position: absolute; top: 105px; left: 600px; width: 300px; text-align:left; }
#ctl00_cphContentChrome_prMain label { font-weight: bold; }
#ctl00_cphContentChrome_prMain td { padding: 20px; }
.homePageList dd { display: block; margin:0; padding-left: 25px; background: url(../images/pageImages/bullet-arrow.gif) no-repeat top left; }
#closePWREcovery { float: right; margin: -15px -5px 0 0; font: bold 18px Arial, Helvetica, sans-serif; }
#closePWREcovery a { color: #0a407b; }
.ErrorMessage, .displayMessage { font: bold 14px Arial, Helvetica, sans-serif; color: #a40316;  }
.displayMessage li, .displayMessage ul { margin:0; color:#0a407b; }
.displayMessage li { list-style-type: none; padding: 0 0 0 20px;}
#spacer { height: 70px; }

/* ############  Button Styles ############ */
.btnGreen, .btnBlue, .btnGrey, .btnRed { margin-right: 10px; display: block; height: 23px; width: 125px; text-align:center; font: bold 16px "Arial", Helvetica, sans-serif; padding: 2px 0; border:0;  }
.btnGreen { color: #629d2d; background: url(../images/templateImages/btnGreen.png) top left no-repeat; }
.btnBlue { color: #0061b0; background: url(../images/templateImages/btnBlue.png) top left no-repeat; }
.btnGrey { color: #6a6a6c; background: url(../images/templateImages/btnGrey.png) top left no-repeat; }
.btnRed { color: #df7635; background: url(../images/templateImages/btnRed.png) top left no-repeat; }

/* ############  Image Frames ############ */
.imgFrameLarge { height: 310px; width: 420px; background: url(../images/templateImages/imgFrameL.jpg) top left no-repeat; padding: 7px 0 0 7px; overflow: hidden; position: relative; }
.imgFrameMedium { float: left; height: 170px; width: 222px; background: url(../images/templateImages/imgFrameM.jpg) top left no-repeat; padding: 8px 0 0 8px; overflow: hidden; }
.imgFrameSmall { float: left; height: 70px; width: 97px; background: url(../images/templateImages/imgFrameS.jpg) top left no-repeat; padding: 7px 0 0 7px; overflow: hidden; }


/* ############  Product List View ############ */
.summaryView{ clear: both; margin: 5px 0; position:relative; width: 860px; }
.summaryViewContent { float: left; width: 600px;  min-height: 155px; border-bottom: 1px solid #ccc; padding: 5px 0 15px 0; display: inline-block; position: relative;}
.summaryView h3 { text-transform:uppercase; line-height: 25px; margin-bottom: 10px; }
.summaryViewContent p a { font-style:normal; font-size: 14px; text-decoration:underline; font-weight: normal; }
.summaryViewContent {}
.imageFrame { margin: 0 20px 10px 0; padding:8px 0 0 8px; width: 220px; height: 170px; float: left; background: url(../images/templateImages/imgFrameM.png) top left no-repeat;}
.imageFrame .imgFrameSmall { position: absolute; top:110px; left: 145px; height: 78px; width: 97px; background: url(../images/templateImages/imgFrameS.png) top left no-repeat; padding: 7px 0 0 7px;}
.summaryViewContent ul { margin: 0 0 20px 0; padding:0; list-style-type:none; }
.summaryViewContent li { padding:0; margin: 0 0 0 15px; }

/* ############  Training Page ############ */
#DartProInstructions { margin:0; padding: 0; list-style-type:none; }
#DartProInstructions span { position: absolute; top: 0; left:0; font: bold 30px "Arial", Helvetica, sans-serif; color:#0a407b; }
#DartProInstructions li { position: relative; min-height: 350px;  float: left; position: relative; width: 277px; margin: 0px; }
* html #DartProInstructions li { height: 350px; }
#DartProInstructions li .imgFrameMedium { float: none; margin-left: 45px; }
#DartProInstructions li p { width: 212px; margin: 0 0 0 48px; font: normal 14px Arial, Helvetica, sans-serif; color: #000;}

/* ############  Product Detail View ############ */
#ThumbContainerBox { padding-left:3px; width: 450px;}
#productImages-Detail { width: 450px; float: left; display: inline; position: relative; }
#productDescription-Detail { width: 400px; float: left; display: inline; }
#photoCaption { position: absolute; top:270px; left: 7px; width: 400px; background-color: #ccc; border-top: 1px solid #666; border-bottom: 1px solid #666; filter: alpha(opacity:70); KHTMLOpacity: 0.70; MozOpacity: 0.70; opacity: 0.70;}
#photoCaptionText { color:#000000; padding:7px; margin: 0; font-weight: bold; text-align:center;}
#productDescription-Detail h2 {margin-bottom: 10px;}
#productDescription-Detail ul { margin: 0 0 20px 0; padding:0; list-style-type:none; }
#productDescription-Detail li { padding:0; margin: 0 0 0 15px; }

/* ############  Shopping Cart Summary ############ */
#cartHeader { margin-bottom: 20px; background-color:#294a94; color: #fff; padding: 10px 0 10px 10px;}
#shoppingCart { margin: 5px 20px; }
#shoppingCart .summaryView{ clear: both; margin: 5px 0; position:relative; width: 880px; }
#shoppingCart .summaryViewContent { width: 770px; min-height: 80px; }
#shoppingCart .summaryViewContent .right, #cartHeader .right { width: 75px; text-align: center; }
#shoppingCart .summaryViewContent p { display: none }

/* ############  Sign Up  ############ */
.SignUp { position: relative; margin: 10px 0 0 0; padding:0; border:0;}
.SignUp legend { font: bold 20px "Arial", Helvetica, sans-serif; color:#0a407b; padding:0; margin: 0;}
.SignUp table, .SignUp tr, .SignUp td { border:0; padding: 0; margin: 0; }
.SignUp td { width: 190px; }
.SignUp table {margin-bottom: 10px;}
.SignUp label { margin: 2px; vertical-align:baseline; line-height: 21px; height: 21px;}
.SignUp input, .SignUp select { background-color:#fff; line-height: 21px; height: 21px; border: 1px solid #d7d7d7; font-family: Tahoma, Helvetica, sans-serif; padding: 1px 0 1px 3px; margin: 2px; width: 150px;}