html, body, * { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: .813em; line-height: 1.75em; color: #333; background: #fff url("../_images/back_page.gif") 0 0 repeat-x; }
body.modal { background: #fff; padding: 0 15px; }
#header,#content,#footer { width: 900px; padding: 0 23px; margin: 0 auto; }

/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 10px 0 1.5em 0; }
hr { display: none; }
blockquote { margin-left: 20px; border-left: 2px solid #24AE47; padding: 0 0 0 20px; }
blockquote p { font-size: 16px; font-style: italic; margin: 0; padding: 5px 0; }
a { border-bottom: 1px solid #CC0000; text-decoration: none; }
a:link { color: #202070; border-bottom: 1px solid #CC0000; text-decoration: none; }
a:visited { color: #424788; }
a:hover { color: #2570AD; border-color: #2570AD; }


/*
### HEADINGS ### */
h1,h2,h3,h4,h5{line-height:normal;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h1 { margin: 1.5em 0 .75em 0; font-size: 30px; color: #3F6388; line-height: 30px; }
.modal h1 { margin-top: .75em; font-size: 28px; }
h1#logo { width: 249px; height: 51px; float: left; text-indent: -9114px; overflow: hidden; margin: 20px 0 0 10px; display: inline; }
#logo a, #logo span { display: block; text-indent: -9114px; width: 249px; height: 51px; background: url("../_images/logo_screen.gif") 0 0 no-repeat; }
#splash h1 { font-size: 25px; color: #990000; width: 464px; height: 116px; overflow: hidden; background: url("../_images/h1_splash.png") 0 0 no-repeat; text-indent: -9114px; }
#splash h1 strong { margin-top: 8px; display: block; width: 440px; color: #03376B; font-size: 36px; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; line-height: 1.25em; }
h2 { margin: 1.5em 0 10px 0; font-size: 20px; color: #990000; }
h2.blue { color: #3F6388; margin-bottom: -10px; }
#col-2 h2 { font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; color: #424788; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #C8C8D0; padding-bottom: 2px; }
.box h2 { margin-top: .75em; }
.callout h2 { margin-top: .3em; }
.showcase h2 { margin-top: 1em; }
.searchbox h2 { font-size: 13px; color: #000; text-transform: uppercase; font-weight: bold; padding: 7px 8px 6px 8px; margin: -7px 0 10px -7px; background: #f5c928 url("../_images/back_h2search.gif") 0 0 no-repeat; }
h2 a, h2 a:visited { border-width: 0; color: #C47E23; }
h3 { font-size: 17px; margin: 1.5em 0 10px 0; color: #0152A4; }
.box h3 { color: #F4C728 !important; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #5B87B3; padding-bottom: 5px;  margin-top: 15px; }
h2 span, h3 span { display: block; background: url("../_images/corner_white.gif") bottom right no-repeat; line-height: .9em; }


/*
### LISTS ### */
#content ul { margin: 1.5em 0 1.5em 20px; padding: 0; }
#content ul li { background: url("../_images/bullet.gif") 0 5px no-repeat; padding-left: 18px; list-style-type: none; margin: 0; }
#content ul.intro li { background-position: 0 8px; padding-top: 2px; padding-bottom: 2px; }
#content ul ul { margin-top: 0; margin-bottom: 0; }

#content .box ul { margin-left: 8px; }

#content .menu { margin: -5px 0 1.5em 0 !important; }
#content .menu ul { margin: 0; display: none; }
#content .menu li { background: none; padding: 0; }
.menu li { line-height: 1.25em; font-weight: bold; }
#content .menu li.open ul, #content .menu li.current ul { display: block; border-bottom: 3px solid #C8C8D0; }
#content .menu li.open a { background-position: -650px 5px; background-color: #D5D5DE; }
#content .menu li.current a { background-position: -1300px 5px; }

#content .menu a { padding: 4px 5px 4px 18px; color: #424788; border-width: 0; border-bottom: 1px solid #C8C8D0; display: block; background: url("../_images/bullet.gif") 0 5px no-repeat; }
.menu li li { font-weight: normal; }
.menu li li a, #content .menu li.open li a { padding-left: 36px; background-position: 18px 5px; background-color: #E9E9EE; }
.menu li li.current a { background-position: -632px 5px !important; font-weight: bold; }

dt { font-weight: bold; }
dl.inline { display: block; }
dl.inline dt { float: left; padding-right: 4px; }
dl.webster dt { margin-top: 1.5em; }
dl.webster dd { margin-bottom: 1.5em; }

dl.ruled { border-top: 1px solid #c5c5c5; }
dl.ruled dt { width: 160px; float: left; }
dl.ruled dd { margin: 0 0 0 160px; padding-left: 10px; }
dl.ruled dt, dl.ruled dd { border-bottom: 1px solid #c5c5c5; padding-top: 5px; padding-bottom: 5px; line-height: 1.25em; }

ul.cols { column-count: 2; column-gap: 0px; -moz-column-count: 2; -moz-column-gap: 0px; margin-right: 10px; }
ul.cols li { margin: 0 10px 0 30px; }

.thumbs { clear: both; margin: 10px 0 !important; }
#content .thumbs li, .thumbs li { list-style-type: none; float: left; margin: 5px 9px !important; padding: 15px 0; list-style-image: none !important; background-image: none; }
#content .thumbs li.portrait { padding: 0; }
.thumbs li a img { border: 4px solid #e1e5e5; }
.thumbs li a:hover img { border-color: #d1d1d1; }

.albums { }
#content .albums li, .albums li { float: none; margin: 0 !important; padding: 10px; border-bottom: 1px solid #ccc; height: 108px; list-style-image: none !important; }
#side .albums li { height: 78px; }
#side .albums li { padding: 10px 0; }
.albums a { float: left; margin-right: 15px; }
#side .albums a { margin-right: 10px; }
.albums .title { float: none; background: none; height: auto; width: auto; display: inline; font-size: 14px; font-weight: bold; padding: 0; }
.albums .title:hover { background: none; }

.specs { padding: 0 10px; }
.specs dt { width: 35%; margin-right: 2%; clear: left; }
.specs dt, .specs dd { float: left; line-height: normal; padding: 4px 0; }
.specs dd { width: 63%; }

#prod-thumbs li { float: left; list-style-type: none; margin: 0 10px 5px 0; padding: 10px 0; }
#prod-thumbs li.portrait { padding: 0 10px; }
#prod-thumbs li a img { border: 1px solid #666; }

#content .page-turner { height: 52px; margin: 50px 0 20px 0; text-align: right; }
#content .page-turner.mini { height: auto; margin: -40px 0 10px 0; width: 100%; }
#content .page-turner li { list-style-type: none; display: inline; padding: 0 2px; background: none; }
#content .page-turner a strong { font-size: 16px; color: #2243A0; }
#content .page-turner a:hover strong { text-decoration: underline; }

#content .option-list { margin: 1.5em 0; }
#content .option-list li { font-size: 13px; font-weight: bold; text-align: right; margin: 10px 10px 10px 0; background: none; padding: 0; clear: left; }
.option-list a { color: #006600 !important; border-color: #E0BC32 !important; }
#content .option-list .cta-link { float: left; width: 120px; border-width: 0; }
.option-list .btn { margin-left: 10px; }

#content .alphabet { padding: 3px 0; margin: 1.5em 0; text-align: center; border: 1px solid #CCC; border-width: 1px 0; background-color: #fff; }
#content .alphabet li { margin: 0; display: inline; padding: 0 4px; background: none; }


/*
### TOP MENU ### */
#top-nav { float: right; display: inline; height: 31px; margin: 0; overflow: hidden; background: url("../_images/back_topnav.gif") 0 0 no-repeat; }
#top-nav li { float: left; list-style-type: none; padding: 0 10px; }
#top-nav a { color: #CCC; text-decoration: none; }
#top-nav a:hover { text-decoration: underline; }
#top-nav .ico-home { margin-left: 15px; }


/*
### HEADER ### */
#header { color: #FFF; padding: 10px 20px; height: 112px; position: relative; overflow: hidden;}
#splash { min-height: 350px; height: auto !important; height: 350px; background: url("../_images/hr.gif") bottom center no-repeat; }
#splash a { display: block; width: 147px; height: 28px; margin-left: 35px; text-align: center; font-size: 14px; text-decoration: none; background: url("../_images/btn_splash.png") 0 0 no-repeat; border-width: 0; line-height: 28px; font-weight: bold; color: #990000; cursor: pointer; }
#logo img { height: 10px; width: 10px; position: absolute; top: 0; left: 0; visibility: hidden; }

/*
### NAVIGATION ### */
#navigation { float: right; margin: 19px 10px 0 0; display: inline; width: 880px; }
#navigation li { list-style-type: none; float: left; margin: 0 0 0 10px; display: inline; height: 32px; }
#navigation li.current { background-image: url("../_images/nav_yellow_l.gif"); }
#navigation li.last { }
#navigation a { display: block; float: left; text-transform: uppercase; text-decoration: none; background: url("../_images/nav_orange_l.gif") 0 0 no-repeat; padding: 0 0 0 3px; font-family: "Times New Roman", Times, serif; color: #F5F5D6; font-size: 16px; font-weight: bold; border-width: 0; }
#navigation a span { display: block; float: left; cursor: pointer; background: url("../_images/nav_orange_r.gif") top right no-repeat; padding: 5px 20px 4px 17px; }
#navigation li.current a { color: #FFF; }
#navigation a:hover { border-color: #F4C728; color: #fff; background-image: url("../_images/nav_yellow_l.gif"); background-position: 0 0; }
#navigation a:hover span { background-image: url("../_images/nav_yellow_r.gif"); }
#navigation a.green { border-color: #F4C728; background-image: url("../_images/nav_green_l.gif"); }
#navigation a.green span { background-image: url("../_images/nav_green_r.gif"); }

.nav-about { background-image: url("../_images/nav_about.gif"); }
.nav-find { background-image: url("../_images/nav_find.gif"); }
.nav-community { background-image: url("../_images/nav_community.gif"); }
.nav-agents { background-image: url("../_images/nav_agents.gif"); }

/*
### LAYOUT ### */
#content { position: relative; height: auto !important; height: 374px; min-height: 374px; }
#shadow { background: url("../_images/back_shadow.png") 0 4px no-repeat; height: 374px; width: 946px; position: absolute; top: 0; left: 0; z-index: 0; }
#main-wrap { width: 100%; float: left; padding: 0; background: #FFF url("../_images/back_content.gif") 0 0 repeat-x; min-height: 400px; height: auto !important; height: 400px; }
#home #main-wrap { background-image: url("../_images/back_home.jpg"); }
#main-wrap, #col-2 { position: relative; }
.lyt-12 #col-1 {
  padding: 0;    /* CC padding */
  margin: 0 278px 0 20px;
}
.lyt-12 #col-2 {
  float:left;
  width:230px;
  padding: 19px 0 0 0;
  margin-left:-250px;
  margin-top: 60px;
}
.lyt-21 #col-1 {
  padding: 0 30px 0 0;    /* CC padding */
  margin: 0 0 0 298px;
}
#home .lyt-21 #col-1 { margin-left: 290px; padding: 0 15px 0 0; }
#home .lyt-21 #col-2 { padding-top: 0; }
.lyt-21 #col-2 {
  float:left;
  width:230px;
  padding: 19px 0 0 20px;
  margin-left:-900px;
}
.lyt-21-wide #content {
  padding: 0 15px 0 40px;    /* CC padding */
  margin: 0 0 0 500px;
}
.lyt-21-wide #side {
  float:left;
  width:500px;
  padding: 0;
  margin-left:-940px;
}
.lyt-1 #col-1 { margin: 0 20px; }
#col-1,#col-2 { padding-bottom: 70px !important; }
.glossary { width: 280px; margin-top: -20px !important; }


/*
### FOOTER ### */
#footer { background: url("../_images/back_hr.gif") 0 0 repeat-x; border-top: 5px solid #133F62; clear: both; padding: 0; position: relative; }
#footer p { padding: 0 20px; line-height: 1.5em; color: #666; }


/*
### LISTINGS ### */
.showcase { padding-left: 310px; padding-right: 20px; background: url("../_images/back_black.gif") bottom left repeat-x; clear: both; min-height: 220px; height: auto !important; height: 220px; }
.showcase .box { width: 240px; float: left; margin: -3.25em 0 0 -290px; }
.showcase .box a { font-weight: bold; }


/*
### TABLE STYLES ### */
table.data-table { width: 100%; font-size: 10px; margin: 20px 0 10px 0; font-family: Verdana; }
table, th, tr, td { margin: 0; padding: 0; border-collapse: collapse; }
th { background-color: #0152A4; color: #EFEFE7; }
th, td { text-align: center; padding: 4px; vertical-align: top; border-bottom: 1px solid #c5c5c5; width: 25%; }
tr.odd td { }
tr.even td { background-color: #E5E5E5; }
tr.odd th {	background-color: #A3A389; }
tr.even th { background-color: #7B7B60; }
tr.oddhover td { background-color: #ffcc99; cursor: pointer; }
tr.oddhover th { background-color: #990000; cursor: pointer; }
td ul, td p, td li { text-align: left; }
th a, th a:hover { color: #ffffcc; }
tr.totals td { background-color: #FFCC66; text-align: left; padding-left: 10px; }
.returns { font-size: 11px; }
.returns td { color: #006600; border-right: 1px solid #c5c5c5; }
.returns td, .returns th { width: 39px; }
td.red { color: #C00; }
.ytd { background-color: #FFFFCE; }

/*
### FORM STYLES ### */
fieldset { border-width: 0; margin: 1.5em 0; clear: both;}
legend { display: block; padding: 0; font-weight: bold; line-height: 1.5em; }
fieldset fieldset legend { font-size: 11px; color: #333; }
label { display: block; font-weight: bold; width: 150px; float: left; }
label.inline { font-size: 12px; font-family: Arial, Helvetica, sans-serif; display: inline !important; font-weight: normal !important; float: none !important; }
input, textarea, select { margin:0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 2px 0 2px 2px; width: 99%; }
input.radio, input.checkbox, input.btn { width: auto !important; border-width: 0 !important; background: none !important; vertical-align: middle; margin-right: 5px; }
input.btn { padding: 0; }
p.btn { padding: 20px 0 0 15px; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.auto { width: auto; }
.twochar { width: 25px; }
.fourchar { width: 40px; }
.sixchar { width: 55px; }
.xsmall { width: 25%; }
.small { width: 33%; }
.medium { width: 50%; }
.large { width: 100%; }
.tall { height: 100px; }
.taller { height: 150px; }

.cells { border-top: 1px solid #ddd; border-width: 1px 0 0 0; padding: 0; margin: 0; }
.cells label { display: block; float: left; width: 20%; margin: 0 1% 0 0; }
.cells p, .cells .p, .cells fieldset { border-bottom: 1px solid #ddd; margin: 0; padding: 8px 0; }
.cells .p div { margin-left: 26%; }
.cells .p div div { margin: 0; }
.cells input, .cells textarea, .cells select { width: 60%; }
.cells fieldset { position: relative; }
.cells fieldset p { border-width: 0; margin-left: 26%; padding-top: 0; }
.cells legend span { position: absolute !important; top: 0; left: 0; }

.missing { background-color: #FF9999; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 47.5%; }
#frm-error { border: 2px solid #FF9999; background-color:#FFCCCC; padding: 10px 5%; text-align: center; margin: 10px 15px !important; }

.button { background: #C8C8C8 url("../_images/button_hilite.gif") 0 0 repeat-x; border-width: 1px; border-style: solid; border-color: #a3a3a3 #818181 #818181 #a3a3a3; color: #1A484D; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px 5px 3px 5px; cursor: pointer; vertical-align: top; width: auto !important; width: 1; overflow: visible; }
* html .button { padding: 0 5px 1px 5px; vertical-align: baseline; }
.button:hover { background-color: #d1d1d1; }
.button span { width: auto !important; background: url("../_images/button_arrow.gif") right 4px no-repeat; padding: 0 10px 0 0; margin: 0 !important; float: none; display: inline; cursor: pointer; }

.search-box { width: 75%; text-align: center; background-color: #F5F4F0; padding: 10px 0; border: 1px solid #DDD; margin: 10px auto; }
.search-box input { width: 75%; }


/*
### PPGS ### */
#PPGS { display: block; height: 19px; width: 94px; border-width: 0; background: url("../_images/ppgs.gif") 0 0 no-repeat; overflow: hidden; text-indent: -9114px; position: absolute; top: 10px; right: 20px; }
#PPGS:hover { background-position: 0 -19px; }


/*
### VCARD STYLES ### */
.vcard { margin: 1.5em 0; }
.vcard dt, .vcard dd { line-height: 1.5em; }
.vcard dt { display: none; font-weight: normal; }
.vcard .show { float: left; display: block; padding-right: 4px; }
.vcard .subtitle { display: block; font-weight: bold; }
.vcard .fn { font-weight: bold; }
.vcard .adr { padding-bottom: 1em; }
.vcard .email { padding-top: 5px; }


/*
### ICONS ### */
a.icon { padding-left: 20px; background-repeat: no-repeat; border-width: 0; text-decoration: underline; }
.big { font-size: 14px; font-weight: bold; }
.ico-home { background-image: url("../_images/icon_home.gif"); }
.ico-contact { background-image: url("../_images/icon_contact.gif"); }
.ico-sitemap { background-image: url("../_images/icon_sitemap.gif"); }
.ico-back { background-image: url("../_images/icon_back.gif"); }
.ico-top { background-image: url("../_images/icon_up.gif"); }


/*
### GMAP ### */
.GMapEZ { width: 590px; height: 375px; }


/*
### PAGINATION ### */
.pager { border: 1px solid #d5d5d5; background-color: #f5f5f5; padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.pager div { float: right; line-height: 1.5em; }
.pager .status { float: left; }
.pager a { text-decoration: none; padding: 0 1px; }
.pager .current { font-weight: bold; border: 2px solid #FF6600; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.current:visited { border-color: #CC6600; }


/*
### COMMON STYLES ### */
abbr { border-width: 0; cursor: help; }
.left { float: left; margin: 0 20px 20px 0; }
.right { float: right; margin: 0 0 20px 20px; }
p.right { float: none; margin: 10px 0 1.5em 0; text-align: right; }
ul.left { margin-top: 10px !important; }
img.left, img.right { border: 1px solid #999; }
.center { text-align: center; }
.caps { letter-spacing: .05em; display: inline !important; }
.last { border-width: 0 !important; margin-right: 0 !important; }
.clear { clear: both; height: 1px; line-height: 1px; overflow: hidden; margin-top: -1px; }
.intro { font-size: 1.33em; line-height: 1.5em; }
.bold { font-weight: bold; }
.accessible { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.illustration { margin-bottom: 50px; padding: 0; }
.action { border-top: 1px solid #D6AE52; background-color: #FFF7CE; padding: 10px !important; clear: both; margin-top: 3.5em !important; }
.fineprint { margin-top: 50px; }
.fineprint p { line-height: normal; }
.byline { border: 1px solid #ccc; border-width: 1px 0; }

.btn { background: #D17E23 url("../_images/btn_left.gif") 0 0 no-repeat; font-size: 13px !important; border-width: 0 !important; padding: 0 0 0 10px; display:-moz-inline-stack; vertical-align: middle; display:inline-block; height: 22px; overflow: hidden; }
.btn span { background: url("../_images/btn_right.gif") top right no-repeat; padding: 0 15px 3px 0; height: 16px; color: #FFF; display:-moz-inline-stack; }
.btn:hover { background-color: #EA9A22; }
.box .btn { background-image: url("../_images/btn_left_box.gif"); }
.box .btn span { background-image: url("../_images/btn_right_box.gif"); }

div.box { background: url("../_images/box_base.gif") bottom left no-repeat; margin: 1.5em 0; padding-bottom: 9px; }
#home #col-2 div.box { background: url("../_images/box_base.png") bottom left no-repeat; margin-bottom: 150px; }
div.box div { padding: 1px 10px; width: auto !important; background: #e1e1ea url("../_images/box_back.gif") top right repeat-y; border: 1px solid #C8C8D0; height: auto !important; height: 180px; min-height: 180px; }
div.box .highlight { background: #FFFFCC url("../_images/box_yellow.gif") top right repeat-y; border-color: #e7d89a; }
div.box a { color: #990000; border-color: #759ABF; }
div.box a:hover { border-color: #133F62; }

div.callout { background: url("../_images/back_callout.gif") 0 0 no-repeat; padding: 10px 0 0 15px; float: right; width: 280px; }
.callout.float { margin: 10px 0 1.5em 20px; }