/*------------------- GENERIC TYPOGRAPHY -------------------*/

/* copy */
div, li { font: 11px Arial, Helvetica, sans-serif; color: #505050; line-height: 13px }
.fineprint { font-size: 10px; font-style: italic; }
* html p { margin: 11px 0 }
*:first-child+html p { margin: 11px 0 }
p.intro { font-size: 13px; line-height: 17px }
p.top, .data p.first { margin-top: 0px }
p.bottom { margin-bottom: 0px }
.notice { font-style: italic }


/* headers */
h1 { font-size: 18px; color: #70A100; margin: 20px 0px 15px 0px; line-height: 20px }
h2 { font-size: 14px; color: #454545; margin: 20px 0px 5px 0px; line-height: 16px }
h3 { font-size: 11px; color: #454545; margin: 20px 0px 0px 0px; font-weight: bold }
h4 { font-size: 11px; color: #454545; margin: 5px 0px 0px 0px; font-weight: bold }
h1 span, h2 span, h3 span { font-size: 10px; color: #808080; float: right; font-weight: normal; }
h1 span a, h2 span a, h3 span a { color: #808080; }
h1.top, h2.top, h3.top { margin-top: 0 }
h1.bottom, h2.bottom { margin-bottom: 0 }
h1.breath, h2.breath, h3.breath { margin-bottom: 15px }
h2.rule { border-top: 1px solid #cccccc; padding-top: 10px }
* html h1 { line-height: 21px }
*:first-child+html h1 { line-height: 21px }
* html h2 { line-height: 17px }
*:first-child+html h2 { line-height: 17px }



/* IE 6 sucks */
* html ol { margin: 10px 0px 15px 12px }
* html ul { padding: 0px 0px 0px 18px; margin: 0px 0px 15px 0px }
* html li { padding-left: 6px }
* html ul li { padding-left: 5px }
* html ul.links { margin-left: 17px }

/* IE 7 sucks */
*:first-child+html ol { margin: 10px 0px 15px 12px }
*:first-child+html ul { padding: 0px 0px 0px 18px }
*:first-child+html li { padding-left: 6px }
*:first-child+html ul li { padding-left: 5px }
*:first-child+html ul.links { margin-left: 17px }



/*------------------- SPECIFIC COMPONENTS -------------------*/





/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Customized for Omniture by D. Fairbanks */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*Common Tab Styles
----------------------------------*/
.ui-tabs-hide {display: none !important;}
.ui-tabs-nav {padding: 0 !important;}
.ui-tabs-nav li {list-style-image:none; padding: 0 !important;}
.ui-tabs-panel {display: block; border: 0; background: none;}

/*----------------------------------*/


div#home-branding {height:325px; margin:0; padding:0; position: relative; width:980px;}
div#home-branding div.branding-content {background-repeat: none; height: 325px; _height: 324px/*ie6*/; text-indent: -100000px; width: 587px;}
div#home-branding div.branding-content h1,h2,h3 {margin: 0; padding: 0;}
div#home-branding div.branding-content ul li {list-style-image: none; list-style-type: none;}
div#home-offer {height:336px; margin:0; padding:0; position:absolute; right:0; top:0; _top: -1px; width:369px; z-index:2;}
div#home-offer div.offer-content {height: 336px; text-indent: -100000px; width: 100%;}
div#home-offer a.offer-action {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
div#home-offer div.offer-content ul, div#home-offer div.offer-content ol {list-style-image:none; list-style-type:none;}

div.jump-left, div.jump-right {background-position: 6px 9px; background-repeat: no-repeat; float: left; height: 25px; width: 21px; margin: 0; padding: 0;}
div.jump-left {background-image: url(http://nailandtoe.com/images/icons/carat_left_white.gif);}
div.jump-right {background-image: url(http://nailandtoe.com/images/icons/carat_right_white.gif);}

.jump-over {background-color: #373737; cursor: pointer;}

/* brandbox Tab Interaction states
----------------------------------*/
div.brandbox-tabs ul .ui-state-default a {background-position: 0 0;}
div.brandbox-tabs ul .ui-state-active a {background-position: 0 -25px;}
div.brandbox-tabs ul .ui-state-hover a {background-position: 0 -50px;}
div.brandbox-tabs ul .ui-state-default {background: none; outline: none; vertical-align: middle;}
div.brandbox-tabs ul .ui-state-active {border: none; outline: none;}
div.brandbox-tabs ul .ui-state-active a, div.brandbox-tabs .ui-state-default a, div.brandbox-tabs .ui-state-hover a {text-decoration: none; outline: none;}

/* brandbox Tabs
----------------------------------*/
div#home-branding .ui-tabs-panel {height: 325px; position: relative; width: 612px;}
div#home-branding img {vertical-align: bottom/*ie6*/;}

div.brandbox-tabs {z-index: 3; padding-left: 308px; width: 632px;}
div.brandbox-tabs, div.brandbox-tab-backdrop {bottom: 0; height: 25px; position: absolute;}
div.brandbox-tab-backdrop {background-color: #373737; width: 980px; z-index: 1;}
div.brandbox-tabs ul {float: left;}
div.brandbox-tabs ul li {display: block; float: left; font-size: 11px; height: 25px; _height: 13px/*ie6*/; margin: 0; text-transform: uppercase;}
div.brandbox-tabs ul li a {display: block; height: 100%; width: 100%;}
div.brandbox-tabs ul li a.tab-success-story {background-image: url(http://nailandtoe.com/images/icons/brandbox_tabs_sprite_successstory.gif); height: 24px; width: 100px;}
div.brandbox-tabs ul li a.tab-events {background-image: url(http://nailandtoe.com/images/icons/brandbox_tabs_sprite_events.gif); height: 24px; width: 59px;}
div.brandbox-tabs ul li a.tab-announcements {background-image: url(http://nailandtoe.com/images/icons/brandbox_tabs_sprite_announcements.gif); height: 24px; width: 115px;}

/* News Ticker
----------------------------------*/
ul#news-ticker {background: #fff url(http://nailandtoe.com/images/icons/carat_right_green.gif) 0 12px no-repeat; clear: both; color: #707070;list-style-image: none; list-style-type: none; margin: 0; margin: 0 0 0 12px; _margin-bottom: -6px/*ie6*/; padding: 9px 0 0 4px; height: 19px;}
ul#news-ticker li {font-size: 13px;}

/* Lower Section
----------------------------------*/
div#lower-section {background: #e1e1e1 url('http://nailandtoe.com/images/icons/lowersection_column_background.gif') top no-repeat; height: 355px; _height:372px/*ie6*/; padding-left: 11px; width: 969px;}

div.lower-box {border-left: 1px solid #fff; border-right: 1px solid #fff; float: left;}
div#lower-left {padding-left: 0; width: 634px;}
div#lower-right {float: left; left: 9px; position:relative; width: 312px;}
div#lower-section-cap {background: url(http://nailandtoe.com/images/icons/lowersection_cap.gif) no-repeat; font-size: 8px; height: 8px; line-height: 8px;  margin-left: 7px; width: 973px;}
div#lower-section-column-boot {background: #e1e1e1 url(http://nailandtoe.com/images/icons/lowersection_column_boot.gif) no-repeat; clear: left; font-size: 9px; height: 9px; left: -4px; line-height: 9px; position: relative; _top: -10px/*ie6*/; width: 967px;}

a#product-tabs-header {background: url(http://nailandtoe.com/images/icons/header_left.png) no-repeat top; display: block; height: 31px; text-indent: -10000px; width: 634px;}

/* Product Tab Interaction states
----------------------------------*/
ul.primary-tabs li.ui-state-default {background: #fff url(http://nailandtoe.com/images/icons/tabviewer_tab_background.gif); border: 1px solid #c8c8c8; color: #373737; font-weight: normal; outline: none;}
ul.primary-tabs li.ui-state-active, ul.primary-tabs li.ui-state-hover, ul.primary-tabs li.ui-state-focus {background-color: #fff; background-image: none; border: 1px solid #c8c8c8; border-right: 0; color: #373737; font-weight: 700; outline: none; width: 81px; _width: 71px/*ie6*/;}
ul.primary-tabs li.ui-state-active a, ul.primary-tabs li.ui-state-default a, ul.primary-tabs li.ui-state-hover a {color: #373737; text-decoration: none; outline: none;}

ul.secondary-tabs li.ui-state-default {background-color: #fff; background-image: none; border: none; font-weight: normal; outline: none;}
ul.secondary-tabs li.ui-state-active, ul.secondary-tabs li.ui-state-hover, ul.secondary-tabs li.ui-state-focus {background: #e5e5e5 url(http://nailandtoe.com/images/icons/tabviewer_secondarytab_background.gif) repeat-y; border: 1px solid #c8c8c8; border-right: 0; color: #373737; outline: none;}


/*Product Tab Icons
----------------------------------*/
li#infections.ui-state-default a {background: url(http://nailandtoe.com/images/icons/searchcenter_white.gif) no-repeat 13px 6px;}
li#infections.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/searchcenter_gray.gif) no-repeat 13px 6px;}
li#nail-infections.ui-state-default a {background: url(http://nailandtoe.com/images/icons/merchandising_white.gif) no-repeat 13px 6px;}
li#nail-infections.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/merchandising_gray.gif) no-repeat 13px 6px;}
li#nail-disorders.ui-state-default a {background: url(http://nailandtoe.com/images/icons/recommendations_white.gif) no-repeat 13px 6px;}
li#nail-disorders.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/recommendations_gray.gif) no-repeat 13px 6px;}
li#treatment-options.ui-state-default a {background: url(http://nailandtoe.com/images/icons/sitesearch_white.gif) no-repeat 13px 6px;}
li#treatment-options.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/sitesearch_gray.gif) no-repeat 13px 6px;}
li#nail-monotherapy.ui-state-default a {background: url(http://nailandtoe.com/images/icons/survey_white.gif) no-repeat 13px 6px;}
li#nail-monotherapy.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/survey_gray.gif) no-repeat 13px 6px;}
li#kill-nail-fungus.ui-state-default a {background: url(http://nailandtoe.com/images/icons/testandtarget_white.gif) no-repeat 13px 6px;}
li#kill-nail-fungus.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/testandtarget_gray.gif) no-repeat 13px 6px;}
li#care-kit.ui-state-default a {background: url(http://nailandtoe.com/images/icons/sitesearch_white.gif) no-repeat 13px 6px;}
li#care-kit.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/sitesearch_gray.gif) no-repeat 13px 6px;}
li#household.ui-state-default a {background: url(http://nailandtoe.com/images/icons/sitecatalyst_white.gif) no-repeat 13px 6px;}
li#household.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/sitecatalyst_gray.gif) no-repeat 13px 6px;}
li#prevention.ui-state-default a {background: url(http://nailandtoe.com/images/icons/survey_white.gif) no-repeat 13px 6px;}
li#prevention.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/survey_gray.gif) no-repeat 13px 6px;}
li#course-of-treatment.ui-state-default a {background: url(http://nailandtoe.com/images/icons/genesis_white.gif) no-repeat 13px 6px;}
li#course-of-treatment.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/genesis_gray.gif) no-repeat 13px 6px;}
li#about-nailntoe-therapy.ui-state-default a {background: url(http://nailandtoe.com/images/icons/discover_white.gif) no-repeat 13px 6px;}
li#about-nailntoe-therapy.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/discover_gray.gif) no-repeat 13px 6px;}
li#antifungal-topical.ui-state-default a, li#shoe-sanitizer.ui-state-default a {background: url(http://nailandtoe.com/images/icons/product_glossy_icons_insight_white.gif) no-repeat 13px 6px;}
li#antifungal-topical.ui-tabs-selected a, li#shoe-sanitizer.ui-tabs-selected a {background: url(http://nailandtoe.com/images/icons/product_glossy_icons_insight_gray.gif) no-repeat 13px 6px;}

/* Product Tabs
----------------------------------*/
div#product-tabs {background: url(http://nailandtoe.com/images/icons/lowersection_panel_background.gif) repeat-x; height: 255px; padding: 9px 8px; width: 618px;}
ul.primary-tabs li.ui-state-default a span {padding-right: 6px;}
ul.primary-tabs {float: left; margin-right: 1px; position: relative; z-index: 2;}
ul.primary-tabs li {height: 61px; _height: 49px/*ie6*/; margin: 0 0 1px 0; width: 78px; _width: 68px/*ie6*/;}
ul.primary-tabs li a {display: inline-block; height: 100%; line-height: 13px; padding: 12px 4px 0 4px; text-decoration: none; width: 100%;}

ul.secondary-tabs {float: left; position: relative; width: 180px; _width: 118px/*ie6*/; z-index: 4;}
#product-tabs ul.secondary-tabs li {height: 44px; _height: 25px/*ie6*/; margin: 0; width: 100%;}
#product-tabs ul.secondary-tabs li a {color: #373737; display: block; height: 100%; padding: 2px 10px 0 52px; text-decoration: none;}
#product-tabs ul.secondary-tabs li a span {display: block; font: 10px/10px; width: 120px; _width: 118px;}
#product-tabs ul.secondary-tabs li a span h2 {font: 13px/13px bold; margin: 0; padding: 0;}

div.main-viewer {background-color: #fff; border: 1px solid #c8c8c8; float: left; height: 245px; left: -2px; padding: 4px; _padding-right: 1px/*ie6*/; position: relative; width: 525px; _width: 530px/*ie6*/; z-index: 1;}
div.main-viewer h1 {background: url(http://nailandtoe.com/images/icons/carat_right_green.gif) bottom left no-repeat; color: #70a100; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; height: 12px; line-height: 12px; margin: 5px 0 6px 9px; *margin-top: 9px/*ie*/; padding: 0; padding-left: 9px;}
div.main-viewer p {font-size: 12px; color: #000000; margin: 0px 0px 5px 0px; line-height: 16px }

div.secondary-viewer {background: url(http://nailandtoe.com/images/icons/home_tabviewer_secondary_background.gif) repeat-y; border: 1px solid #c8c8c8; height: 213px; padding: 15px; position: absolute; right: 4px; top: 4px; width: 313px; _width: 314px/*ie6*/; z-index: 3;}
div.secondary-viewer img.product-tab-graphic {
	margin: 8px;
	float: right;
}
/*div.secondary-viewer img.product-tab-graphic {position: absolute; right: 15px; top: 15px;}
*/
div.secondary-viewer h2 {font: bold 12px/12px Arial, Helvetica, sans-serif; margin: 0 0 2px 0; padding: 0;}
div.secondary-viewer p, div.secondary-viewer ul {margin: 0 0 8px 0; width: 207px;} 
div.secondary-viewer ul li {margin: 0; padding: 0;}
div.secondary-viewer a.product-tab-link {background: url(http://nailandtoe.com/images/icons/carat_right_green.gif) 0 2px no-repeat; display: block; padding-left: 12px;}

/* Persona Tab Interaction states
----------------------------------*/
div.persona-box ul .ui-state-default {outline: none; vertical-align: middle;}
div.persona-box ul .ui-state-default a {background-position: 0 -32px;}
div.persona-box ul .ui-state-active {outline: none;}
div.persona-box ul .ui-state-active a, div.persona-box .ui-state-default a, div.persona-box .ui-state-hover a {background-position: 0 -1px; border-top: 1px solid #fff; text-decoration: none; outline: none;}

/* Persona Tabs
----------------------------------*/
div.persona-box .ui-tabs-panel {background: url(http://nailandtoe.com/images/icons/lowersection_panel_background2.gif) repeat-x; height: 200px; padding: 4px 10px 10px 10px;}
div.persona-box ul.ui-tabs-nav {height: 30px; width: 312px;}
div.persona-box ul.ui-tabs-nav li {display: block; float: left; height: 100%; margin: 0;}
div.persona-box ul.ui-tabs-nav li a {display: block; height: 100%;}
div.persona-box ul.ui-tabs-nav li a.tab-patients {background-image: url(http://nailandtoe.com/images/icons/header_right_patients.png); width: 104px;}
div.persona-box ul.ui-tabs-nav li a.tab-providers {background-image: url(http://nailandtoe.com/images/icons/header_right_providers.png); width: 106px;}
div.persona-box ul.ui-tabs-nav li a.tab-affiliates {background-image: url(http://nailandtoe.com/images/icons/header_right_affiliates.png); width: 102px;}

div.persona-box div.ui-tabs-panel ul {margin: 0; padding: 0;}
div.persona-box div.ui-tabs-panel li {clear: left; list-style-image: none; list-style-type: none; margin-bottom: 6px;}
div.persona-box div.ui-tabs-panel li img.persona-thumbnail {float: left; margin: 8px 14px 24px 0; vertical-align: top;}
div.persona-box div.ui-tabs-panel li h2 {font-size: 12px; font-weight: bold; line-height: 16px; margin: 0; *margin-top: -14px;}
div.persona-box div.ui-tabs-panel li p {margin: 2px 0; padding: 0;}


div.persona-box h2 {font-size: 14px; color: #333333; margin: 0px 0px 0px 0px; line-height: 14px}
div.persona-box p {font-size: 12px; color: #000000; margin: 0px 0px 5px 0px; line-height: 16px}


/* Additional styles
----------------------------------*/
.superscript {font-size: 80%}
.whitelink {
	text-align: right;
	line-height: 2 em;
	margin-top: 10px;
	font-size: 13px;
}
.whitelink a {
	color: #FFFFFF;
	font-style: oblique;
	text-decoration: none;
}
.whitelink a:hover {
	color: #f0f096;
	border-bottom-style: dotted;
}