/* CLIENT NAME */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; } /* add:margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { text-align:center; font-size:1em; line-height:1em; font-family:Tahoma, arial, helvetica, sans-serif; color:#655345; background:#B9AC90 url(../images/bg_cont_background.png) repeat-x; }
table, th, td, input, textarea, select { font-size:1em; line-height:1.3em; font-family:arial, helvetica, sans-serif; color:#333; }

body.specials	{ background: #fff; padding: 20px; }

a img, :link img, :visited img { border:none; }

a:link { color:#437689; text-decoration:none; }
a:visited { color:#437689; text-decoration:none; }
a:hover, a:active { color:#378cac; text-decoration:none; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

/* Defaults set here. Specifics set where needed later in the document (i.e. #content h1, etc.) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0 0 .7em; display:block; font-size:1em; line-height:1.3em; }


/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */


/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
/*
.btn { position:relative; display:block; text-decoration:none !important; cursor:pointer; }
.btn:hover { text-decoration:none !important; }
.btn span { position:absolute; top:0; left:0; display:block; }

.btn-name, .btn-name span { width:175px; height:30px; background:url(../images/bg-button.png) no-repeat 0 0; }  // Example:<a href="#" class="btn btn-name" title="Click here to ...">Button Text<span>&nbsp;</span></a>
*/


/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */


/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */


/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */


/* SHARED
------------------------------------------------------------------------------------- */
#container { margin:0 auto; width:990px; font-size:.75em; text-align:left; }

#header { position:relative; height:94px; z-index:50; background:#988F72; }

#content_text p.call_to_action { color:#698403; line-height: 1.4em;margin-bottom:10px; padding-bottom:0px; background:none; }

.content_nav { font-size:16px; }
.content_nav li { list-style:none; margin-bottom:7px; }
.content_nav .more { background:transparent url(../images/icon_more_arrow.png) no-repeat scroll 1px 4px; padding-left:18px; }
.col_right { position:absolute; right:10px; }

.home .hr { border:0; background:transparent url(../images/h_bg_dotted.png) repeat-x scroll 0 100%; margin: 10px 0px 18px 0px;  }
hr { border:0; background:transparent url(../images/bg_dotted.png) repeat-x scroll 0 100%; margin: 10px 0px 10px 0px; }

.more { background:url(../images/icon_more_arrow.png) no-repeat 1px 2px; padding-left:18px;}

#callout a { margin: 0 0 10px; }

.btn { position:relative; display:block; text-decoration:none !important; cursor:pointer; }
.btn:hover { text-decoration:none !important; }
.btn span { position:absolute; top:0; left:0; display:block; }

.btn-monthly, .btn-monthly span { width:180px; height:35px; background:url(../images/btn_callout.gif) no-repeat 0 0;  }
.btn-eclub, .btn-eclub span { width:180px; height:65px; background:url(../images/btn_callout.gif) no-repeat -180px 0;  }
.btn-surgery, .btn-surgery span { width:180px; height:65px; background:url(../images/btn_callout.gif) no-repeat -360px 0; }

a:hover.btn-monthly, a:hover.btn-monthly span { width:180px; height:35px; background:url(../images/btn_callout_hover.gif) no-repeat 0 0;  }
a:hover.btn-eclub, a:hover.btn-eclub span { width:180px; height:65px; background:url(../images/btn_callout_hover.gif) no-repeat -180px 0;  }
a:hover.btn-surgery, a:hover.btn-surgery span { width:180px; height:65px; background:url(../images/btn_callout_hover.gif) no-repeat -360px 0; }

#content_text p { line-height: 1.6em; margin-bottom:10px; color:#655345; }
#content_text p.border { background:url(../images/bg_dotted.png) repeat-x 0 100%; line-height: 1.6em; margin-bottom:20px; padding-bottom:20px; color:#655345; } 
#content_text p.intro { font-size:16px; font-weight:bold; line-height:1.4em; color:#8C9E4A; }

.content_link { font-weight:bold; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:relative; }
.nav li { position:relative; list-style:none; color:#D0D480; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; font-size:12px; }
.nav li strong { position:absolute; top:0; left:0; display:block; }
	
/* Main Nav - Specific */
#sidebar { position:relative; float:left; display:inline; margin:0; width:200px; padding-top:36px; }
#sidebar ul {  }
#sidebar li { list-style:none; }
#sidebar li a { color:#fff; }
#sidebar li a, #sidebar li div { height:41px; }
#sidebar li strong { height:41px; }
#sidebar #nav li a {  background-image:url(../images/nav.png);  }
#sidebar #nav li a, #sidebar #nav li strong {  background-image:url(../images/nav.png);  }

#nav li.home, #nav li.home strong, #nav li.home div { width:181px; height:41px; width:181px; }
#nav li.services, #nav li.services strong, #nav li.services div { background-position:-181px 0px; width:181px; }
#nav li.products, #nav li.products strong, #nav li.products div { background-position:-362px 0px; width:181px; }
#nav li.ourteam, #nav li.ourteam strong, #nav li.ourteam div { background-position:-543px 0px; width:181px; }
#nav li.contact, #nav li.contact strong, #nav li.contact div { background-position:-724px 0px; width:181px; }

/* HOVER STATE */
#nav li.home a:hover, #nav li.home a:hover strong { background-position:0 -82px; width:181px; }
#nav li.services a:hover, #nav li.services a:hover strong { background-position:-181px -82px; width:181px; }
#nav li.products a:hover, #nav li.products a:hover strong { background-position:-362px -82px; width:181px; }
#nav li.ourteam a:hover, #nav li.ourteam a:hover strong { background-position:-543px -82px; width:181px;}
#nav li.contact a:hover, #nav li.contact a:hover strong { background-position:-724px -82px; width:181px; }

/* ON STATE */
#nav li.homeon, #nav li.homeon strong, #nav li.homeon div { background-position:0 -41px; width:181px; }
#nav li.serviceson, #nav li.serviceson strong, #nav li.serviceson div { background-position:-181px -41px; width:181px; }
#nav li.productson, #nav li.productson strong, #nav li.productson div { background-position:-362px -41px; width:181px; }
#nav li.ourteamon, #nav li.ourteamon strong, #nav li.ourteamon div { background-position:-543px -41px; width:181px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div { background-position:-724px -41px; width:181px; }

#sidebar li ul { margin-left:22px; margin-top:0px; }
#sidebar li li { height:20px; background:none; letter-spacing:0.05em; }
#sidebar li li.on { background:url(../images/arrow.png) no-repeat 140px !important;  }
#sidebar li li.last { margin-bottom:10px; }
#content #sidebar li a { background:none; }

#sidebar #callout { position:relative; margin:100px 0 0 0px; width:218px; }
#sidebar #callout img { margin-bottom:10px; }

#sidebar ul.subnav a:hover	{ color: #D0D480; }

/* HOME PAGE
------------------------------------------------------------------------------------- */
.home { }
.home #content #banner { position:relative; float:left; display:inline; }

.home .content { background:url(../images/h_bg_content.png) repeat-y -1980px 0; }
.home .content .content { background:url(../images/h_bg_content.png) no-repeat 0 0;  }
.home .content .content .content { min-height:570px; background:url(../images/h_bg_content.png) no-repeat -990px 100%;  }
.home #content_text { width:388px; position:relative; float:left; display:inline; }
.home .footer .footer { background:url(../images/h_bg_footer_top.png) no-repeat 0 0; }

.home #content_text p.address { line-height: 1.4em; margin-bottom:10px; padding-bottom:0px; background:none; }



/* SUBPAGE
------------------------------------------------------------------------------------- */
#content {}

.content { background:url(../images/bg_content.png) repeat-y -1980px 0; }
.content .content { background:url(../images/bg_content.png) no-repeat 0 0;  }
.content .content .content { background:url(../images/bg_content.png) no-repeat -990px 100%; min-height:260px; padding:0 20px 0px; }

#content #banner { position:relative; float:left; display:inline; margin-right:26px; }

#content_text { position:relative; float:left; display:inline; margin-top:40px; width:500px; }

#content_text .header { /* margin-bottom:10px;*/ }

#content_text h2 { font-size:18px; color:#859B42; font-weight: normal;  margin: 15px 0px 5px 0px; }
#content .price { font-size:14px; color:#859B42; font-weight:bold; float:right; margin-top: 10px; }

#content_text .last { background:none; }
#content_text p { margin-bottom: 15px; }

/* popup */
#popup { background:#fff none; }
#popup #container { width:700px; margin:30px 25px 0 25px; }
#popup h2 { color:#859C42; font-size:1.4em; text-align:left; }
#popup .item { color:#725034; font-size: 1.2em; }
#popup .price { color:#8FA253; font-size: 1.2em; float:right; }
#popup table { margin-bottom:10px; }
#popup table td { border-bottom:1px dotted #b9ac90; font-size: .8em; color:#aa9787; padding: 5px 0; }
#popup .leftcol { width:320px; }
#popup .rightcol { width:320px;  margin-left:60px;}
#popup small { font-size:12px; color:#667E02; }

/* Content specific header styles */
/*
#content h1, #content .h1 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h2, #content .h2 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h3, #content .h3 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h4, #content .h4 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h5, #content .h5 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h6, #content .h6 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
*/

/* FOOTER
------------------------------------------------------------------------------------- */
#footer { padding-top:60px; min-height:58px; color:#958c6e; font-size:0.89em; background: url(../images/bg_footer_top.png) no-repeat 0 0; }
.home #footer { background:#b9ac90 url(../images/h_bg_footer_top.png) no-repeat 0 0; }

#footer #address { display:inline; margin:0px 0 0 20px; color:#715237; }
#footer ul { display:inline; margin-left:190px; }
#footer ul li { display:inline; color:#8d765a; margin-right:4px; padding-right:8px; background:url(../images/bg_vertical_bar.png) no-repeat 100% 1px;  }
#footer ul li.last { background:none; }
#footer #copyright { display:inline; margin-left:60px; color:#715237; }

#footer a, #footer a:link, #footer a:visited { color:#437689; text-decoration:none; }
#footer a:hover	{ color:#fff; }

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio 		{ padding:0 15px 0 0; background:url(../images/link_audio.gif) no-repeat 100% 4px; }
.doc 		{ padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; }
.excel 		{ padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; }
.external 	{ padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; }
.flash 		{ padding:0 15px 0 0; background:url(../images/link_flash.gif) no-repeat 100% 4px; }
.ical		{ padding:0 15px 0 0; background:url(../images/link_ical.gif) no-repeat 100% 4px; }
.itunes		{ padding:0 15px 0 0; background:url(../images/link_itunes.gif) no-repeat 100% 4px; }
.outlook	{ padding:0 15px 0 0; background:url(../images/link_outlook.gif) no-repeat 100% 4px; }
.pdf 		{ padding:0 14px 0 0; background:url(../images/link_pdf.gif) no-repeat 100% 4px; }
.podcast	{ padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; }
.popup 		{ padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; }
.ppt		{ padding:0 15px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 4px; }
.qt			{ padding:0 15px 0 0; background:url(../images/link_quicktime.gif) no-repeat 100% 4px; }
.rar		{ padding:0 16px 0 0; background:url(../images/link_rar.gif) no-repeat 100% 4px; }
.rp			{ padding:0 16px 0 0; background:url(../images/link_realplayer.gif) no-repeat 100% 4px; }
.rss		{ padding:0 15px 0 0; background:url(../images/link_rss.gif) no-repeat 100% 4px; }
.txt		{ padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; }
.video		{ padding:0 15px 0 0; background:url(../images/link_video.gif) no-repeat 100% 4px; }
.wmp		{ padding:0 16px 0 0; background:url(../images/link_wmp.gif) no-repeat 100% 4px; }
.zip		{ padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display:inline-block; }
.clearfix { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; position:relative; }
img.floatright { margin:0 0 5px 10px; position:relative; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; position:relative; }
span.floatright { margin:0 0 5px 10px; position:relative; }


/* LIGHTBOX PANEL 
------------------------------------------------------------------------------------- */
.yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;}
.yui-panel-container form{margin:0;}
.mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.mask.block-scrollbars{overflow:auto;}
.masked select, .drag select, .hide-select select{_visibility:hidden;}
.yui-panel-container select{_visibility:inherit;}
.hide-scrollbars, .hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.show-scrollbars{overflow:auto;}
.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;}
.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}
.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}
.yui-effect-fade .underlay{display:none;}
.yui-tt-shadow{position:absolute;}
.mask{background-color:#958c6e; opacity:.70;*filter:alpha(opacity=70);}
.yui-panel-container{padding:0 1px;*padding:2px 3px;}
.yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:52;}
.yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;}
.yui-panel .hd{border-bottom:solid 1px #ccc; display:none;}
.yui-panel .bd, .yui-panel .ft{background-color:#715237;}
.yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;}
.yui-panel .bd{padding:10px;}
.yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}
.yui-panel-container.focused .yui-panel .hd{}
.container-close{position:absolute;top:40px;right:40px;width:98px;height:18px;background:url(../images/btn_close_window.png) no-repeat 0px 0px; cursor:pointer; }
.yui-panel-container .underlay{right:-1px;left:-1px;}
.yui-panel-container.matte{padding:9px 10px;background-color:#fff;}
.yui-panel-container.shadow{_padding:2px 5px 0 3px;} 
.yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}
.yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}
.yui-dialog .ft .button-group{display:block;text-align:right;}
.yui-dialog .ft button.default{font-weight:bold;}
.yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}
.yui-dialog .ft span.default .first-child{border-color:#304369;}
.yui-dialog .ft span.default button{color:#fff;}
.yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}
.yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}
.yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}
.yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}
.yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}
.yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}
.yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}
.yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}
.yui-tt.show-scrollbars .bd{overflow:auto;}
.yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}
.yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}