body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: url(images/background-02.gif); }
div.whiteBackground { background: #ffffff; margin: 0; padding: 0; width: 980px; }
a  { color: #ff9c4e; text-decoration: none; }
a:hover { color: #666666; text-decoration: none; }

/* Gutters */
td.orangeGutterColumn { width:   7px; margin: 0; padding: 0; background-color:#ff8f33; }
td.gutterColumn { width:   7px; margin: 0; padding: 0; background-color:#ffffff; }
td.gutterRow { width: 980px; height: 7px; margin: 0; padding: 0; background-color: #ffffff; font-size:1px; }
td.partialOrangeLeftGutterRow { width: 168px; height: 7px; margin: 0; padding: 0; background-color: #ff9d4c; font-size:1px; }
td.partialWhiteGutterRow { width: 490px; height: 7px; margin: 0; padding: 0; background-color: #ffffff; font-size:1px; }
td.partialOrangeRightGutterRow { width: 222px; height: 7px; margin: 0; padding: 0; background-color: #ff8f33; font-size:1px; }

/* Upper Row */
td.upperLeft { width: 168px; height: 97px; margin: 0; padding: 0; background-color:#f9701e; background-image: url(images/upper-left-background.gif); color: #FFFFFF; font-size: large; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; }
xx.upperLeft { width: 168px; height: 97px; margin: 0; padding: 0; background-color:#f9701e; color: #FFFFFF; font-size: large; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px;  }
td.upperCenter { width: 576px; height: 97px; margin: 0; padding: 0; background: url(images/upper-center-background.gif); font-size: medium; color: #FFFFFF; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px;}
xx.upperCenter { width: 576px; height: 97px; margin: 0; padding: 0; background-color:#ff8520; font-size: medium; color: #FFFFFF; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px;}
td.upperRight { width: 222px; height: 97px; margin: 0; padding: 0; background-color:#ffffff; vertical-align: middle; text-align: center; }

/* Middle Row */
tr.middleRow { height: 502px; }
td.middleLeft { width: 168px; min-height: 502px; margin: 0; padding: 0; background-image: url(images/middle-left-background.gif); background-repeat: no-repeat; background-color:#ff9d4c;  color: #ffffff; font-size: smaller; font-weight: bold; vertical-align: top; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; }
xx.middleLeft { width: 168px; min-height: 502px; margin: 0; padding: 0; background-color:#ff9d4c; color: #ffffff; font-size: smaller; font-weight: bold; vertical-align: top; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; }
td.mainContent { width: 576px; min-height: 502px; margin: 0; padding: 0; background-color:#ffffff; vertical-align: top; }
td.middleRight { width: 222px; min-height: 502px; margin: 0; padding: 0; background-color:#ff8f33; vertical-align: top;  }

td.middleRight div.upper { width: 222px; height: 306px; background-color: #ffffff; }
td.middleRight div.gutter { width: 222px; height: 26px; background-color: #ffffff; background-image: url(images/social.gif); 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-image: url(images/middle-right-lower-background.gif); background-repeat: no-repeat; background-color:#ff8f33; vertical-align: top; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;  }

/* Lower Middle Row */
td.lowerMiddleLeft { width: 168px; height: 100; margin: 0; padding: 0; background-color:#ff9d4c; vertical-align: top; }
td.lowerMiddleRight { width: 222px; height: 100; }

/* Bottom Row */
td.bottomLeft { width: 168px; height: 26px; margin: 0; padding: 0; background-color: #ff9d4c; }
td.bottomCenter { width: 576px; height: 26px; background-color: #ff8f33; }
td.bottomRight { width: 222px; height: 26px; background-color: #ff8f33; }

/* jQuery Menuing */
.bubbleMenu { z-index: 49; 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; }
.bubbleInfo:hover { height: 29px; width: 150px; float: right; text-align: right; margin-bottom: 20px; background-image: url(images/bubbleInfo-hover.gif); background-repeat: no-repeat;}
.bubbleInfoSelected { height: 29px; width: 150px; float: right; text-align: right; margin-bottom: 20px; background-image: url(images/bubbleInfo-selected.gif); background-repeat: no-repeat; 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; }
.bubbleInfoSelected:hover { height: 29px; width: 150px; float: right; text-align: right; margin-bottom: 20px; background-image: url(images/bubbleInfo-hover.gif); background-repeat: no-repeat; 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: #444444; 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; font-size: 12px; }
.popupMenuItem { color: #ffffff; padding: 0 0 5px 10px; line-height: 1.0em; }
.popupMenuItem a { text-decoration: none; color: #ffffff; font-size: 12px;}
.popupMenuItem a:hover { color: #ff9c4e; }
.popupMenuHeader { color: #ff9c4e; padding-top: 10px; padding-bottom: 2px; }
.popupMenuBanner { font-size: 12px; 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: solid 0px white; width: 60px; height:20px; color: #ff8520; font-size: 16px; font-weight: bold; }

/* Text Formatting */
.copyright { margin: 30px; height: 26px; line-height: 26px; color: #ffffff; font-size: 9px; }
.welcomeBanner { color: #ffffff; font-size: 18px; font-weight: bold;}
.welcomeCityState { color: #ffffff; font-size: 12px; }
.productName { font-size: 18px; color: #fe7200; font-weight:lighter; }
.productDescription { font-size: 13px; 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: 170px; }

/* Navigation Links */
.actionLink a { color: #FE7200; font-size: 12px; text-decoration: none; font-weight:bold;}
.actionLink a:visited { color: #FE7200; font-size: 12px; text-decoration: none; font-weight:bold; }
.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; }
.whiteActionLink a { color: #ffffff; font-size: 12px; text-decoration: none; }
.whiteActionLink a:visited { color: #ffffff; font-size: 12px; text-decoration: none; }
.whiteActionLink a:hover { color: #666666; }
.homeLink a:visited{ color: #ffffff; text-decoration: none; }
.homeLink a { color: #ffffff; text-decoration: none; font-size: 19px; font-weight:bold; }
.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: #b3b3b3; width: 246px; height: 155px; display: block; float: left; }
div.videoBlock img { width: 246px; height: 155px; }

/* Pager Controls */
table.pagerTableTop { border-bottom: dashed 1px #ff7300; margin-bottom: 10px; }
table.pagerTableBottom {  }

/* Extra Layout Formatting */
.patientThumbImageColumn { width: 76px; text-align: right; float: left; }