@font-face {
	font-family: font_AppleGaramond;
	src: url(../fonts/AppleGaramond.eot);
	src: local('Apple Garamond'), local('AppleGaramond'), 
		url(../fonts/AppleGaramond.ttf) format('truetype');
}

@font-face {
	font-family: font_AppleGaramondBold;
	src: url(../fonts/AppleGaramond-Bold.eot);
	src: local('Apple Garamond Bold'), local('AppleGaramond-Bold'), 
		url(../fonts/font_AppleGaramondBold.ttf) format('truetype');
}


/*** HTML Elements ***/
html{ min-height:100%; background:#666 url(../images/body_bg_short.jpg) repeat-x  }
body{ min-width:960px; background:url(../images/body_bg_burst.jpg) no-repeat 50% 0; font-family: Arial, Helvetica, sans-serif; }

h1{ font-family: Georgia, font_AppleGaramondBold, Helvetica, Arial, sans-serif; }
h2{ font-family: Georgia, font_AppleGaramond, Helvetica, Arial, sans-serif; }
h3,h4,h5,h6{ font-family: Helvetica, Arial, sans-serif; }

h1{ font-size:197%; color:#212629;  }
h2{ font-size:167%; color:#49b8a8; font-weight:normal; margin:.5em 0 .25em; border-bottom:1px dotted #ccc }
h3{ font-size:138.5%; color:#067778; font-weight:bold; padding:3px 0; margin:.5em 0 .25em; }
h4{ font-size:123.1%; color:#212629; font-weight:bold; margin:.5em 0 .25em; }
h5{ font-size:116%; color:#49b8a8; font-weight:bold; padding:3px 0; margin:.5em 0 .25em; }

ul,ol{ margin-left:20px }
ul li,ol li{ margin-left:20px; line-height:1.4 }
ul li{ list-style-type: disc }
ol li{ list-style-type: decimal }

div.fieldset { border: solid 1px #999; padding: 1em 1em .5em 1em; margin: 1em 0 }
div.fieldset legend span { display: block; font-weight: bold; font-size: 108%; color: #000 }

a,a:visited{ color:#49b8a8; text-decoration: underline }
a:hover,a:focus{ color:#85edb6; outline:none; -moz-outline: none; text-decoration: none }
a:active{ text-decoration: underline }

a img, img{ border:0; }

abbr{ border-bottom:1px dotted #000 !important; line-height:1.5; cursor:help; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

table tr th{ font-weight:bold }

blockquote{ padding-left:40px }
strong{ font-weight:bold }
em{ font-style:italic }

input,select,textarea{ font-size:93%; border:1px solid #ccc; padding:2px; color:#666; }

input[type=image],input[type=radio],input[type=checkbox] { border:0;padding:0;font-size:100% }

input[type=text]:focus, input[type=text]:hover,
textarea:focus, textarea:hover,
select:focus, select:hover{ border-color:#003366 !important; background: #fefefe; color:#000 !important }

::-moz-selection { background:#d9e5cd; color:#333; }
::selection { background:#d9e5cd; color:#333; }
code::-moz-selection { background#d9e5cd; color:#900; }
code::selection { background: #d9e5cd; color:#900; }

/*** Header ***/
#headerWrap{ min-width:960px; /*background:#fff url(../images/header_bg.png) repeat-x;*/ overflow:visible; }
#header{ padding-top:0px; /*background:#fff url(../images/header_bg.png) repeat-x;*/ overflow:hidden; position:relative }
    #header #logo{ padding-top:15px; padding-bottom:10px; }

    #header #top{
        position:absolute;
        margin-top:10px;
        top:0px;
        right:20px;
        width:600px;
        
        height:40px;
        line-height:2.0;
        
        overflow:hidden;
        font-family: Georgia, font_AppleGaramondBold, Helvetica, Arial, sans-serif;
        border-bottom:1px solid #444
    }
    
    #header #top #call, #header #top #your_cart{
        /* needed for Internet explorer */
        height:2.0em;
        filter: Shadow(Color=#000000, Direction=180, Strength=0);
        /* everything else ;) */
        text-shadow: #000 1px 1px 5px;      
    }   
    
    #header #top #call{     
        text-align:right;
        color:#d9e5cd;   
        float:right; 
    }
    #header #top #social{
        float:right;
        margin-left:15px
    }
     #header #top #call span{
        color:#fff;        
        text-shadow: #fff 1px 1px 5px;        
        font-family: Helvetica, Arial, sans-serif; 
        font-size:123.1%;
        background: url(../images/icons/telephone.png) no-repeat 5px 50%;
        padding-left:25px;
     }
    #header #your_cart{ float:right; padding-right:15px; padding-top:3px; color:#fff; }
    #header #your_cart a{ color:#fff; text-decoration:underline; background:url(../images/icons/cart.png) no-repeat 0 50%; padding-left:25px;  }
    #header #your_cart a span{ color:#77e4d4 }
    
    #header #your_cart a:active,#header #your_cart a:hover,#header #your_cart a:focus{ text-decoration:none; text-rendering : optimizeLegibility; }
    #header #your_cart a:active span,#header #your_cart a:hover span,#header #your_cart a:focus span{  }
    #header #your_cart span{ font-weight:bold }

    #header #nav{ clear:both; margin-top:50px; overflow:hidden }
    #header #nav ul{ list-style:none; float:right; margin:0; padding:0 }
    #header #nav ul li{ text-transform: lowercase; font-size:108%; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; /*text-transform:uppercase;*/ list-style-type:none; float:left; overflow:hidden; margin:0 2px }
    #header #nav ul li.first{ margin-left:0 }
    #header #nav ul li.last{ margin-right:0 }
    #header #nav ul li.active{ }
    #header #nav ul li a{ 
         /* needed for Internet explorer */
        height:2em;
        filter: Shadow(Color=#000000, Direction=180, Strength=0);
        /* everything else ;) */
        text-shadow: #000 0 1px 0px; 
        
        color:#a8a8a8; text-decoration:none; display:block; padding:5px 15px
    }
    #header #nav ul li a.special{ color:#77e4d4 }
    #header #nav ul li a:hover,#header #nav ul li a:focus{ color:#d9e5cd }
    #header #nav ul li.active a,#header #nav ul li.active a.special{ color:#fff; text-decoration:none; }
    
    #header #focus{ width:960px; height:204px; overflow:hidden; position:relative; margin-bottom:15px; background:url(../images/focus_introducing_inada_3a_960.jpg) no-repeat 50% 50% }
    #header #focus .box{ position:absolute; right:10px; bottom:10px; width:575px; height:60px;  }
    #header #focus .corner{ position:absolute; right:0px; top:0px; width:125px; height:95px; overflow:hidden }
        #header #focus .corner a{ display:block; width:125px; height:95px; text-decoration:none }
    #header #focus .cart_add{ position:absolute; left:0px; top:90px; width:325px; height:115px; text-align:center }
    #header #focus .cart_add input{ border:0; padding:0 }
        #header #focus .cart_add .detail{ font-weight:bold; color:#d9e5cd; font-size:85%; width:265px; margin:0 auto; display:block; background:url(../images/bg_black_trans.png); padding:5px }
            #header #focus .cart_add .detail a{ color:#85edb6 }
            #header #focus .cart_add .detail a:hover,#header #focus .cart_add .detail a:focus{ color:#fff; text-decoration:underline }

    #header form{ }
    #header form label{ color:#fff }

/*** Container ***/
#containerWrap{ min-width:960px; }
	#container{
        background:#fff url(../images/container_bg_top.jpg) no-repeat 50% 0;
		padding-top:1em;
		overflow: hidden;i
	}
    
    #container .bottom{ height:10px; overflow:hidden; background:url(../images/container_bg_bottom.jpg) no-repeat 50% 0; }
	
	/*** Container Backgrounds ***/	

/*** Content ***/
#content{ padding-bottom:5px  }
	#content a{}
	#content p{ margin:.75em 0; line-height:1.4; color:#555; font-size:93%; padding: .33em 0 }
	#content ul,#content ol{
		margin-left:40px
	}
	#content ul li{
		/*list-style-image: url(../images/bullet.gif);*/
	}
    #content li{ margin:0 0 .75em 0 }
	#content p strong, #content p b{ color:#000 }

    #summary{ }
        #summary p{ padding:0px 0; color:#067778; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:116%; line-height:1.2 }

    .doctors{ font-family:Verdana !important; font-variant: small-caps; color:#666 }
    .choice{ font-family:Georgia !important; font-style: italic; color:#067778 }

    .blog #content h2{ border:0; border-top:1px dotted #ccc; padding-top:5px }
    .blog #content h2 a{}
    .blog #sidebar h2{
    font-family: Helvetica, Arial, sans-serif;font-size:116%; color:#067778; font-weight:bold; padding:3px 0; margin:.5em 0 .25em;
     }



    #gallery .thumbscontainer{}
    #gallery div.thumbscontainer ul.thumbs{ margin:0 !important }
    #gallery div.thumbscontainer ul.thumbs li{ width:220px; height:240px; overflow:hidden; text-align:center; margin: 0px 6px 0 !important }
    #gallery div.thumbscontainer ul.thumbs li p{ display:block; width:100% !important }
    #gallery div.thumbscontainer ul.thumbs li a{}
    #gallery div.thumbscontainer ul.thumbs li a:hover .thumbnail{}


    #sidebar{}
        #sidebar .nav{}
        #sidebar .nav ul{ margin:0 }
        #sidebar .nav ul li{ font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:93%; list-style-type:square; color:#666 }
        #sidebar .nav ul a{ text-decoration: none; color:#999; line-height:2.0; border-bottom:1px solid #eee; display:block }
        #sidebar .nav ul a:hover,#sidebar .nav ul a:focus{ border-color:#d9e5cd; color:#067778; }
        #sidebar .nav ul li.active a{ color:#000; border-color:#49b8a8 }

    #sidebar p{ margin:.75em 0;  }


#cart_product_page{ margin-top:15px }
#cart_product_page .form_container{

}
#cart_product_page .form_container .form{

	padding:15px 0 0 15px;

	min-height:127px;
	height:auto !important;
	height:127px;
	
	background:url(../images/fading_corner_2.jpg) no-repeat 0 0
}
#cart_product_page .form_container .form h3{ margin-top:0 }
#cart_product_page .form_container .form .price{ font-size:123.1%; font-weight:bold; color:green; }
#cart_product_page .form_container .form .detail{ font-weight:bold; color:#d9e5cd; font-size:85%; display:block; background:url(../images/bg_black_trans.png); padding:5px }
#cart_product_page .form_container .form .detail a{ color:#fff }
#cart_product_page .form_container .form .detail a:hover,#header #focus .cart_add .detail a:focus{ color:#85edb6; text-decoration:underline }



#tabContainer{ position:relative; width:700px; overflow:hidden; margin-top:15px }
#tabMenu{
    background: url(../images/tab_bg_pixel.gif) repeat-x bottom;
    height: 33px;
    padding: 0px 0px;
    position: relative;
    margin:0;
    width:700px;
    overflow:hidden;
}
#tabMenu .menu{	list-style-type:none; margin-left:0; margin-top:0 }
#tabMenu .menu li{
	list-style:none;
	width: 116px;
	background: url(../images/tab_bg_inactive.gif) no-repeat;
	
	float: left;
	font-size: 100%;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	position:relative;
    text-align: center;

}
#tabMenu .menu li a{
	display: block;
	overflow:hidden;
	padding:0 10px;
	white-space:nowrap;
    text-align: center;
	color: #666;
	text-decoration: none;
}			
#tabMenu .menu li a:hover,#tabMenu .menu li a:focus{ cursor:pointer; text-decoration: underline }
#tabMenu .menu li.first a{}
#tabMenu .menu li a.active{
	background: url(../images/tab_bg.gif) no-repeat;
	color: #000;
	text-decoration: none;
	cursor: default;
}
#tabMenu .menu li a span{ display:block; padding-left:0px; /**width:1%*/ }
#tabContent{ position:relative }
#tabContent .content{ display:none; overflow:hidden; padding-top:15px }
#tabContent .content td{ padding:3px }
#tabContent .content > p:first-child{ margin-top:0; padding-top:0 }
#tabContent .active{ display:block;  }

/*** Pages ***/
#container.index #content{ background:url(../images/content_home.jpg) no-repeat; }
#container.index #content h1{ margin-top:.25em  }
#container.index .detail{ font-weight:bold; color:#d9e5cd; font-size:85%; /*width:300px;*/ display:block; background:url(../images/bg_black_trans.png); padding:5px }
#container.index .detail a{ color:#fff }
#container.index .detail a:hover,#container.index .detail a:focus{ color:#333 }


/*** Footer ***/
#footerWrap{ overflow:hidden }
    #footer{ font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:93%; color:#fff; margin-top:15px; background:#212629 url(../images/inada_small_logo_on_gray.png) no-repeat 5% 50%; }
        #footer h5{ font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:93%; padding-left:20px; font-weight:normal; text-transform:uppercase; color:#fff;
             /* needed for Internet explorer */
            height:1.5;
            filter: Shadow(Color=#3d4346, Direction=180, Strength=0);
            /* everything else ;) */
            text-shadow: #3d4346 0 1px 0px;
            
            margin:0;
        }
        #footer ul{ margin-left:0 }
        #footer ul li{ list-style-type: square; color:#3d4346 }
        #footer a,#footer a .doctors,#footer a .choice{ color:#8b9296 !important; border-bottom:1px solid #656b6f; text-decoration:none; line-height:2em }
        #footer a:hover,#footer a:focus{ color:#d9e5cd !important; border-color:#d9e5cd }
        #footer .top{  height:10px; overflow:hidden; background: url(../images/footer_bg_top.jpg) no-repeat 50% 0 }
        #footer .bottom{  margin-top:5px; height:10px; overflow:hidden; background:url(../images/footer_bg_bottom.jpg) no-repeat 50% 0; }

#copyright{ padding-bottom:15px; font-size:100%; margin-top:15px; color:#888; text-align:center }
    #copyright a{ color:#999 !important; border-bottom:1px solid #777; text-decoration:none }
    #copyright a .doctors,#copyright a .choice{ color:#8b9296 !important; }
    #copyright .copyright a{ border:0 !important }

    #copyright a:hover,#copyright .links a:focus{ color:#bbb !important; border-color:#bbb }
    #copyright ul{ margin: 0; padding: 5px }
    #copyright ul li{ display: inline }


/*** Colors  ***/
.darkgray{ color:#212629 !important }
.darkteal{ color:#067778 !important }
.teal{ color:#49b8a8 !important }
.lightteal{ color:#85edb6 !important }
.cream{ color:#d9e5cd !important }

.white{ color:#fff !important}

/*** Backgrounds ***/
.black_trans{ background:url(../images/bg_black_trans.png); }


/*** Misc Classes ***/
.br{ clear:both }
.hide{ display:none !important }
.hidden{ visibility:hidden }

.floatLeft{float:left}
.floatRight{float:right}
.floatImgLeft,.floatLeftImg{float:left;padding-right:10px;padding-bottom:10px; }
.floatImgRight,.floatRightImg{float:right;padding-left:10px;padding-bottom:10px; }

.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignCenter{text-align:center}
.justify{text-align:justify}

.bold{ font-weight:bold }
.underline{ text-decoration:underline }
.italic{ font-style:italic }

.overflow{ overflow:hidden }

.errors { color: #900 !important; margin-bottom:15px }
#container p .errors strong,#container p .errors b{ color: #900 }
#errors p{ color: #900 }

label.required{ color:#900 }
input.required{  }
.invalid{ color:#900 }
.required{ color:#900 }

.small{ font-size:93% !important }
.smaller{ font-size:85% !important }
.xsmall{ font-size:77% !important }
.shrink{ margin:0 !important }

#divide{ width:100%; clear:both; height:1px; line-height:1em; font-size:1px; background:#ccc }


/*** QuickBox Styles ***/
#qb_viewer { position: absolute; z-index: 200001; padding:10px; background-color: #fff; cursor:pointer }
#qb_props{ font-family:Helvetica, Arial, Verdana, sans-serif;  font-size:93%;  color:#000; font-weight:bold; padding-top:5px; }


/*** FoxyCart ***/
#fc_checkout_container ul,#fc_checkout_container ol,#fc_checkout_container ul li,#fc_checkout_container ol li,
#fc_receipt_container ul,#fc_receipt_container ol,#fc_receipt_container ul li,#fc_receipt_container ol li,
#fc_checkout_cart ul,#fc_checkout_cart ol,#fc_checkout_cart ul li,#fc_checkout_cart ol li{
    list-style:none outside !important;
}
#fc_checkout_container li.fc_row,
#fc_receipt_container li.fc_row {
    width:100%
}
