﻿body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
div.whiteBackground { background: #ffffff; margin: 0; padding: 0; }

/* Gutters */
td.orangeGutterColumn { display:none; }
td.gutterColumn { display:none; }
td.gutterRow { display:none; }
td.partialOrangeLeftGutterRow { display:none; }
td.partialWhiteGutterRow { display:none; }
td.partialOrangeRightGutterRow { display:none; }

/* Upper Row */
td.upperLeft { float:left; height: 97px; margin: 0; padding: 0; color: #f9701e; font-size: large;  }
td.upperCenter { display: none; }
td.upperRight { float:right; height: 97px; margin: 0; padding: 0; vertical-align: middle; text-align: center; }

/* Middle Row */
tr.middleRow { height: 502px; }
td.middleLeft { display:none; }
td.mainContent { min-height: 502px; margin: 0; padding: 0; background-color:#ffffff; vertical-align: top; }
td.middleRight { display:none; }

td.middleRight div.upper { width: 222px; height: 325px; background-color: #ffffff; }
td.middleRight div.gutter { width: 222px; height: 7px; background-color: #ffffff; font-size: 1px; }
td.middleRight div.lowerBackground { width: 222px; min-height: 170px; padding: 0; margin: 0; background-color:#ffffff; vertical-align: top; }
td.middleRight div.lower { width: 222px; min-height: 170px; padding: 0; margin: 0; background-color:#ff8f33; vertical-align: top; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;  }

/* Lower Middle Row */
td.lowerMiddleLeft { display:none; }
td.lowerMiddleRight { display:none; }

/* Bottom Row */
td.bottomLeft { display:none; }
td.bottomCenter { display:none; }
td.bottomRight { display:none; }

/* jQuery Menuing */
.bubbleMenu { z-index: 50; margin: 30px 0 0 0; position: relative; float: left; text-align: right; }
.bubbleInfo { height: 29px; width: 150px; float: right; text-align: right; margin-bottom: 20px; }
.bubbleInfoSelected { height: 29px; width: 150px; float: right; text-align: right; margin-bottom: 20px; background-color: #ff7300; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.popup { text-align: left; position: absolute; display: none; background: #666666; height: 325px; width: 576px; }
.gutterPopup { position: absolute; display: none; background: #666666; height: 29px; width: 7px; }
.bubbleInfo img { text-align:right; padding-right: 0.5em; }
.bubbleInfoSelected img { text-align:right; padding-right: 0.5em; }
a.trigger { color: #ffffff; text-decoration: none; }
.popupMenuItem { color: #ffffff; padding: 0 0 5px 10px; }
.popupMenuItem a { text-decoration: none; color: #ffffff; }
.popupMenuItem a:hover { color: #ff9c4e; }
.popupMenuHeader { color: #ff9c4e; padding-top: 10px; padding-bottom: 5px; }
.popupMenuBanner { color: #ff9c4e; padding: 10px; text-align: center; background-color: #333333; margin-bottom: 10px; opacity: 1.0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.popupMenuBanner a  { color: #ff9c4e; text-decoration: none; }
.popupMenuBanner a:hover { color: #ffffff; text-decoration: none; }

/* Zip Code Entry */
.zipCodeEntry { width: 151px; height: 25px; float: left; background: url(/images/zipbox.gif);}
.zipInput { background-color: #ffd5b3; margin-left: 1em; margin-top: 2px; border: 0; width: 60px; color: #ff8520; font-size: larger; }

/* Text Formatting */
.copyright { margin: 30px; height: 26px; line-height: 26px; color: #ffffff; font-size: 9px; }
.welcomeBanner { color: #ffffff; font-size: 18px; }
.welcomeCityState { color: #ffffff; font-size: 14px; }
.productName { font-size: 20px; color: #fe7200; font-weight:lighter; }
.productDescription { font-size: 14px; color: #fe7200; padding-bottom: 8px; font-weight:lighter; }
.productText { font-size: 12px; color: #666666; }
.productDropDown { font-size: 10px; color: #fe7200; font-weight:lighter; border: solid 1px #666666; width: 190px; }

/* Navigation Links */
.actionLink a { color: #FE7200; font-size: 12px; text-decoration: none; }
.actionLink a:visited { color: #FE7200; font-size: 12px; text-decoration: none; }
.actionLink a:hover { color: #666666; }
.invertedActionLink a { color: #666666; font-size: 12px; text-decoration: none; }
.invertedActionLink a:visited { color: #666666; font-size: 12px; text-decoration: none; }
.invertedActionLink a:hover { color: #ffffff; }
.homeLink a:visited{ color: #ffffff; text-decoration: none; }
.homeLink a { color: #ffffff; text-decoration: none; }
.patientThumbText { margin: 0 0 0 1.5em; vertical-align:middle; }
.patientThumbText a { text-decoration: none; color: #ffffff; font-size: 12px; }
.patientThumbText a:hover { color: #666666; }

/* Slide Show and Video */
#slideShowNav { text-align: right; padding:0; margin:0; }
#slideShowNav a { background: #ff9d4c; text-decoration: none; padding-right: 10px; color: #444444; }
#slideShowNav a.activeSlide { background: #ff7300; color: #ffffff;    -moz-border-radius-topleft: 5px;    -webkit-border-top-left-radius: 5px;    -moz-border-radius-bottomleft: 5px;    -webkit-border-bottom-left-radius: 5px; }
#slideShowNav a:focus { outline: none; }
.slideShowNavItem  {    margin-bottom: 5px;    text-align: right;    font-size: x-small;        -moz-border-radius-topleft: 5px;    -webkit-border-top-left-radius: 5px;    -moz-border-radius-bottomleft: 5px;    -webkit-border-bottom-left-radius: 5px;}
#watchVideoAgainNav { text-align: right; padding:0; margin-top:40px; font-size: x-small;}
#watchVideoAgainNav a { background: #ff9d4c; text-decoration: none; padding-right: 10px; color: #444444; }

/* Video Placeholders */
div.photoVideoBlock { width: 576px; height: 340px; vertical-align:top; }
div.largePhoto { width: 320px; height: 320px; display: block; float: left; }
div.largePhoto img { width: 320px; height: 320px; }
div.videoBlock { background-color: #FFEAD9; width: 246px; height: 155px; display: block; float: left; }
div.videoBlock img { width: 246px; height: 155px; }

/* Pager Controls */
table.pagerTableTop { display:none; }
table.pagerTableBottom { display:none; }

/* Extra Layout Formatting */
.patientThumbImageColumn { width: 76px; text-align: right; float: left; display: none; }
