/*

Filename:			main.css
Site URL: 		http://www.palmbeacheyecenter.com

Colors: 			#b7c3d0 - 70% white on blue
							#093360 - dark blue headers
							#44698f - lighter blue sub-heds
							#1971b9 - bright blue left nav on
							#d6e6f3 - rules

*/

/* =Reset everything
----------------------------------------------------------------------------------------------------*/

html { min-height: 100%; margin-bottom: 1px; }  /* force scrollbar */
html { overflow: -moz-scrollbars-vertical !important; }

body { margin: 0; padding: 0; }

p { margin: 0; padding: 0; }

ol,ul { list-style: none; margin: 0; padding: 0; }

a,a:active { outline: none; }

div,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,blockquote,th,td { 
margin: 0;
padding: 0; }

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal; }

address,caption,cite,code,dfn,th {
font-style: normal;
font-weight: normal; }

fieldset,img { 
border: 0; }

table {
border-collapse: collapse;
border-spacing: 0; }

caption,th {
text-align: left; }

q:before,q:after {
content: ''; }

abbr,acronym {
border: 0; }

/* --------------------------------------------------------------------------------------------------
Containers and grids
----------------------------------------------------------------------------------------------------*/

body { background: #0D3562 url(/images/bg-interior.jpg) repeat-x; font: 12px/16px Arial, Helvetica, Verdana, sans-serif; }
body.home { background: #0D3562 url(/images/bg-home.jpg) repeat-x; }

.container_16 { margin: 0 auto; position: relative; width: 961px; }

.grid_4,
.grid_12,
.grid_16,
.grid_thirds { display: inline; float: left; }

.grid_4 { width: 233px; background: url(/images/grid_4-bg.gif) repeat-x; }
.grid_12 { background: #fff; margin-left: 1px; padding: 28px 0px 0 28px; width: 650px; }
.grid_16 { width: 960px; }
.grid_thirds { height: 175px; width: 320px; padding-top: 20px; }

.grid_16.int { background: url(/images/grid_16-bg.gif) repeat-y; }
.grid_16.feature { height: 166px; text-indent: -9999px; }

.skip { height: 1px; left: -9999px; overflow: hidden; width: 1px; }

/* IDs
---------------------------------------------------*/

#ftr { background: #0D3562; clear: both; color: #B7C3D0; font-size: 11px; padding: 18px 0 30px 0; }
#hdr { height: 145px; }
#hm-touts { clear: both; background: url(/images/bg-home-tout-container.jpg) no-repeat; }
#hm-tout-schedule { background: url(/images/schedule-home.jpg) no-repeat 7px bottom; }

/* =Globals
---------------------------------------------------*/

h1 { font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; }
h2 { font-size: 16px; margin-bottom: 16px; }
h3 { margin-bottom: 40px; }
h4 { font-size: 15px; margin-bottom: 16px; }
h5 { margin-bottom: 20px }
h6 { font-size: 14px; font-weight: bold; line-height: 25px; margin: 2px 10px 0 63px; }
p { margin-bottom: 16px; }

.contacts h5 { font-size: 15px; font-weight: normal; margin-bottom: 10px; position: relative; z-index: 50; }

.copy ul { margin: 0 0 16px 5px; }
.copy li,
.list-group li,
.faq-list li { background: url(/images/bullet.gif) no-repeat; margin-bottom: 5px; padding-left: 13px; }
.faq-list { margin: 0 0 16px 10px; }
.list-group.c li { background: none; }
ol li { margin: 20px 0 25px 0; padding-bottom: 8px; }
a.more { background: url(/images/icon-more.gif) no-repeat right top; padding-right: 12px; }


/* =Shared
---------------------------------------------------*/

h1,
ol li,
.sdbr.vcard,
.hr { border-bottom: 1px solid #d6e6f3; }

.clear { clear: both; }
.c-l { clear: left; }

h1,
.stress,
a.more,
.contacts a,
.sdbrnav a,
.contacts h5,
.pullquote h4 { color: #093360; }

h2,h3,
.copy li,
.list-group li,
a.inline { color: #44698f; }

a.more:hover,
.sdbrnav a:hover,
.sdbrnav a.on { color: #1971b9; }

.hdrnav2 a,
.ftrnav a:hover { color: #b7c3d0; }

.hdrnav2 a:hover,
.ftrnav a { color: #fff; }

.sdbr.vcard a { color: #333; }

.hdrnav1 a,
.jcarousel-control a,
.sdbr.vcard span,
.breaks span,
.sdbrnav a,
.btn,
.faq-list dt span { display: block; }

.sdbr.vcard .locality, 
.sdbr.vcard .region, 
.sdbr.vcard .stress { display: inline; }

h1,h4,
.sdbrnav a,
.contacts h5 { font-family: Georgia,Times New Roman,serif; }

.hdrnav1,
a.more,
input { font-size: 11px; }

.stress,
.copy li,
.list-group li,
a.more,
h5,
.faq-list dt { font-weight: bold; }
	
.hdrnav1 li,
.hdrnav2 li,
.ftrnav li,
.f-l,
input,
ol li img,
.list-group,
h6,
.contacts,
.faq-list dt span { float: left; }

.hdrnav1,
.hdrnav2,
.sdbrnav,
.ftrnav,
.jcarousel-control { list-style: none; }

.hdrnav2 li,
.ftrnav li { padding-right: 8px; margin-left: 7px; line-height: 11px; }

.abs { position: absolute; }

.sdbrnav a.on,
.sdbr-tiles	{ position: relative; }

.hdrnav2 a,
.ftrnav a,
.sdbrnav a,
a.more,
.sdbr.vcard a { text-decoration: none; }

h3,
a.more { text-transform: uppercase; }

.hdrnav1 a,
.jcarousel-control a,
.btn { text-indent: -9999px; }


/* =Spacings
---------------------------------------------------*/
.pl-50 { padding-left: 55px; }
.pl-40 { padding-left: 45px; }
.pl-30 { padding-left: 35px; }
.pr-80 { padding-right: 80px; }
.tout-indent { padding: 0 35px 0 80px; }
.copy { padding: 0 10px; }


/* =Specifics
---------------------------------------------------*/

.hdrlogo { left: -46px; }

.hdrnav2 { top: 67px; right: 7px; z-index: 10; }
.hdrnav2 li { background: url(/images/hdrnav2-li-bg.png) repeat-y right center; }
.hdrnav2 li.no-bg { background: none; }
	
.hdrnav1 { top: 72px; right: -40px; z-index: 0; }
.hdrnav1 a { height: 55px; }
.hdrnav1 a#nav1-home { background: url(/images/nav-home.png) no-repeat; width: 106px; }
.hdrnav1 a#nav1-about { background: url(/images/nav-about.png) no-repeat; width: 87px; }
.hdrnav1 a#nav1-docs { background: url(/images/nav-docs.png) no-repeat; width: 134px; }
.hdrnav1 a#nav1-faq { background: url(/images/nav-faq.png) no-repeat; width: 71px; }
.hdrnav1 a#nav1-visit { background: url(/images/nav-visit.png) no-repeat; width: 125px; }
.hdrnav1 a#nav1-contact { background: url(/images/nav-contact.png) no-repeat; width: 135px; }
.hdrnav1 a#nav1-home:hover,
.hdrnav1 a#nav1-home.on { background-position: -106px; }
.hdrnav1 a#nav1-about:hover,
.hdrnav1 a#nav1-about.on { background-position: -87px; }
.hdrnav1 a#nav1-docs:hover,
.hdrnav1 a#nav1-docs.on { background-position: -134px; }
.hdrnav1 a#nav1-faq:hover,
.hdrnav1 a#nav1-faq.on { background-position: -71px; }
.hdrnav1 a#nav1-visit:hover,
.hdrnav1 a#nav1-visit.on { background-position: -125px; }
.hdrnav1 a#nav1-contact:hover,
.hdrnav1 a#nav1-contact.on { background-position: -135px; }

.ftrnav { left: 430px; }

.sdbrnav { background: url(/images/sdbrnav-bg.gif) no-repeat; margin-top: 16px; }
.sdbrnav a { font-size: 15px; margin-top: -2px; line-height: 42px; padding: 0 0 0 35px; }
.sdbrnav a.on { padding-left: 45px; left: 1px; }
.sdbrnav a#sdbrnav-home.on { background: url(/images/sdbrnav-nav-home-on.gif); }
.sdbrnav a#sdbrnav-about.on { background: url(/images/sdbrnav-nav-about-on.gif); }
.sdbrnav a#sdbrnav-docs.on { background: url(/images/sdbrnav-nav-docs-on.gif); }
.sdbrnav a#sdbrnav-faq.on { background: url(/images/sdbrnav-nav-faq-on.gif); }
.sdbrnav a#sdbrnav-visit.on { background: url(/images/sdbrnav-nav-visit-on.gif); }
.sdbrnav a#sdbrnav-contact.on { background: url(/images/sdbrnav-nav-contact-on.gif); }

.list-group { background: url(/images/list-group-bg.png) no-repeat left bottom; min-height: 137px; padding: 0 0 16px 28px; width: 622px; }
.list-group.c { padding: 30px 0 16px 58px; margin-bottom: 16px; min-height: 107px; width: 592px; }
.list-group ul { margin-right: 18px; }
.list-group li { margin-bottom: 0; }

.contacts { width: 205px; }
.contacts div { height: 40px; line-height: 30px; padding-left: 45px; }
.contacts.address div { background: url(/images/icon-schedule.gif) no-repeat; }
.contacts.directions div { background: url(/images/icon-map.gif) no-repeat; }
.contacts.photos div { background: url(/images/icon-photos.gif) no-repeat; }

.faq-list div { background: #f4f8fc; border-bottom: 1px solid #d6e6f3; padding: 10px; margin: 0 0 2px 0; }
.faq-list dt { background: url(/images/faq-closed.gif) no-repeat right center; color: #44698f; cursor: pointer; }
.faq-list dt span { width: 25px; }
.faq-list dt.selected { background: url(/images/faq-open.gif) no-repeat right center; }
.faq-list dd { border-top: 1px solid #dcdfe2; margin: 15px 0 0 25px; padding: 20px 20px 10px 0; }


/* =Images and widgets
---------------------------------------------------*/

.ctas { margin-bottom: 40px; }

.feature#docs { background: url(/images/feature-docs.jpg) no-repeat; }
.feature#about { background: url(/images/feature-about.jpg) no-repeat; }
.feature#faq { background: url(/images/feature-faq.jpg) no-repeat; }
.feature#visit { background: url(/images/feature-visit.jpg) no-repeat; }
.feature#contact { background: url(/images/feature-contact.jpg) no-repeat; }
.feature#shop { background: url(/images/feature-shop.jpg) no-repeat; }

.home-logos { position: relative; top: -15px; }

.hr { margin: 15px 0 25px 0; padding-bottom: 8px; }
.hr.short { width: 80%; }
.hr.short.center { margin: 0 auto; padding: 5px 0; }

.pullquote { background: url(/images/shop-quote.jpg) no-repeat; width: 260px; height: 167px; padding: 40px 340px 0 50px; }
.pullquote h4 { font-size: 16px; line-height: 20px; }

.sdbr-tiles { background: url(/images/sdbr-touts-bg.png); height: 288px; }
.sdbr-tiles .visit { top: 80px; left: 91px; }
.sdbr-tiles .newsletter { top: 215px; left: 30px; }
.sdbr-tiles input { margin-right: 4px; }
.sdbr.vcard { margin: 0 15px 0 20px; padding-bottom: 24px; }

ol li img { margin: 0 20px 20px 0; }

.btn.large { background: url(/images/btn-schedule.gif); margin: 0 auto; width: 266px; height: 32px; }
.btn.large:hover { background-position: -266px; }

/* =Forms
---------------------------------------------------*/
label.error { color: #cc0000; margin: 0 0 0 5px; font-style: italic; }

input { color: #666; font-family: Arial; padding: 3px; }
input.nwslttr { height: 18px; margin-right: 4px; }
input.submit { margin-left: 4px; padding: 0; }

form.schedule { background: url(/images/schedule-form-bg.png) no-repeat left bottom; float: left; margin-bottom: 30px; padding-left: 30px; width: 595px; }
form.schedule li { clear: left; border: none; float: left; margin: 0 0 16px 0; padding: 0; width: 100%; }
form.schedule li.split { clear: none; width: 250px; }
form.schedule label { font-weight: bold; }
form.schedule label.inline { float: left; font-weight: normal; margin: 0 15px 0 5px; position: relative; top: 3px; }
form.schedule label.full { display: block; font-weight: normal; margin: 0 0 7px 20px; position: relative; top: 3px; } 

form.schedule input { margin-top: 5px; width: 210px; }
form.schedule input.checkbox { float: left; margin-top: 5px; width: auto; }
form.schedule input.smaller { width: 75px; }
form.schedule input.submit { width: 118px; height: 27px; }

form.schedule input.radio { float: left; margin: 5px 5px 0 0; width: auto; }

form.schedule select { display: block; margin: 5px 30px 0 0; padding: 2px 0; }
form.schedule textarea { margin-top: 5px; }

form.carriers { position: relative; top: 5px; }

/* --------------------------------------------------------------------------------------------------
Facebox
----------------------------------------------------------------------------------------------------*/

#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { background: #fff; height: 20px; padding: 0 20px 10px 0; text-align: right; }

#facebox .tl, 
#facebox .tr, 
#facebox .bl, 
#facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }

#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }

.facebox_hide { z-index:-100; }

.facebox_overlayBG { background-color: #000; z-index: 99; }

* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }