/* reset all tags */

@import "reset.css";


/* global pages */
body { background: #f1f1f1 url("../../graphics/tile_body.gif") repeat-x; height: 100%; }
#container { margin: 0 auto; width: 902px; background: url("../../graphics/tile_container.png"); padding: 0 27px 0 27px; overflow: auto; }
#header { }
#menuheader { padding: 10px 10px; background-color: #39675d; text-align: right; }
#menuheader ul { }
#menuheader li { display: inline; list-style-type: none; padding: 0 5px; font: normal 10px "Verdana"; }
#menuheader li a:link, #menuheader li a:visited, #menuheader li a:hover { color: #fff; text-decoration: underline; }
#header a#logo { float: left; margin-top: 36px; }
#searchbox { float: right; text-align: right; margin-top: 36px; }
#searchbox a:link, #searchbox a:visited, #searchbox a:hover { font: 10px "Verdana"; color: #535353; display: block; text-decoration: none; margin: 7px 0 13px 0; }
#searchbox form { display: block; height: 18px; }
#searchbox label { height: 18px; }
#searchbox input { font: 10px "Verdana"; color: #535353; padding: 2px 1px; border: 1px solid #c4c6c8; background-color: #f3f4f4; }
#searchbox img#searchsubmit { margin: 0 0 0 2px; cursor: pointer; position: relative; top: 5px; }
ul#menu { height: 31px; }
ul#menu li { display: inline; list-style-type: none; height: 31px; }
#footer { margin: 0 auto; background: url("../../graphics/bg_footer.png") no-repeat; width: 912px; padding: 30px 22px 24px 22px; }
#footer ul { float: left; }
#footer li { display: inline; list-style-type: none; margin: 0; padding: 5px; font: normal 10px "Verdana"; }
#footer li a:link, #footer li a:visited, #footer li a:hover { font: normal 10px "Verdana"; color: #262626; text-decoration: underline; }
#footer p { float: right; color: #262626; font: normal 10px "Verdana"; padding-top: 3px; }



/* TEMPLATE: home */
#maincontent { overflow: auto; float: none; clear: both; }
#flashcontent { padding: 0; z-index: 0; margin-bottom: 17px; height: 328px; width: 900px; }
#printbanner { display: none; }
#home #leftcontent { float: left; width: 590px; padding-right: 25px; border-right: 1px solid #535353; }
#home #leftcontent h1 { font: 20px "Georgia", "Times New Roman", "Times"; color: #262626; padding-bottom: 10px; }
#home #leftcontent p { font: 11px "Verdana"; color: #262626; line-height: 18px; width: 555px; }
#home #leftcontent { padding: 14px 0 0 20px; }
#home #rightcontent { float: right; width: 288px; }
#bannerhome { height: 148px; width: 261px; padding: 10px 0 0 22px; } /* background image is on the home page index.php inline style */
#bannerhome h2 { font: 16px "Georgia", "Times New Roman", "Times"; color: #262626; padding-bottom: 10px; width: 250px; }
#bannerhome p { width: 250px; line-height: 100%; }
#bannerhome a:link, #bannerhome a:visited { font: bold 11px "Verdana"; color: #878787; text-decoration: none; }
#bannerhome a:hover { text-decoration: underline; }



/* TEMPLATE: secondary */
#hr { display: block; }
#secondary #maincontent { background: #fff url("../../graphics/tile_maincontent.gif") repeat-y; }
#secondary #maincontent img#banner { display: block; height: 147px; }
#secondary #leftcontent { float: left; width: 251px; }
#secondary #leftcontent img { display: block; }
#secondary #leftcontent address, #secondary #leftcontent p { font: 12px "Arial"; color: #337569; width: 195px; padding: 25px 15px; line-height: 18px; }
#secondary #leftcontent address a:link, #secondary #leftcontent address a:hover, #secondary #leftcontent address a:visited { color: #337569; text-decoration: underline; }
#secondary #leftcontent strong { text-transform: uppercase; }
#secondary #rightcontent { float: left; padding: 42px 74px 74px 35px; width: 539px; }
#secondary #rightcontent a:link, #secondary #rightcontent a:hover, #secondary #rightcontent a:visited { font-weight: bold; color: #39675D; text-decoration: underline; }
#secondary #rightcontent h1 { font: 20px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 17px; width: 539px; }
#secondary #rightcontent p { font: 11px "Verdana"; line-height: 17px; color: #333; padding-bottom: 17px; width: 539px; }
#secondary #rightcontent h2 { font: 14px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 8px; width: 539px; text-transform: capitalize; }
#secondary #rightcontent h4 { font: bold 12px "Verdana"; color: #262626; text-transform: capitalize; }
#secondary #rightcontent h4.switchshow { padding-left: 15px; margin-bottom: 10px; background: url("../../graphics/icon_plus.gif") no-repeat; background-position: 0 3px; cursor: pointer; }
#secondary #rightcontent h4.switchhide { padding-left: 15px; margin-bottom: 10px; background: url("../../graphics/icon_minus.gif") no-repeat; background-position: 0 3px; cursor: pointer;}
#secondary #rightcontent h5 { font: 14px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 5px; width: 539px; }
#secondary #rightcontent h6 { font: 12px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 2px; width: 539px; }
/* news div */
#secondary #rightcontent .news { border-bottom: 1px solid #999; margin-bottom: 25px; }
#secondary #rightcontent .news p { padding-bottom: 5px; }
#secondary #rightcontent .news h4 { font: 12px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 2px; width: 539px; }
#secondary #rightcontent .news h5 { font: bold 14px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 1px; width: 539px; }
#secondary #rightcontent .news h6 { font: italic 12px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 2px; width: 539px; }
/* career div */
#secondary #rightcontent .career { border-bottom: 1px solid #999; margin: 12px 0 30px 0; }
#secondary #rightcontent .career p { padding-bottom: 3px; }
#secondary #rightcontent .career h4 { font: 12px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 2px; width: 539px; }
#secondary #rightcontent .career h5 { font: bold 14px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 1px; width: 539px; }
#secondary #rightcontent .career h6 { font: italic 12px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 2px; width: 539px; }
#secondary #rightcontent .career p.careerinfo { padding: 10px 0 10px 10px; background-color: #ddd; width: 529px; }
#secondary #rightcontent ul, #secondary #rightcontent ol { width: 539px; padding-bottom: 17px; }
#secondary #rightcontent li { font: 11px "Verdana"; line-height: 17px; color: #333; padding: 3px 0 3px 0; margin-left: 25px; }
#secondary #rightcontent ul li { list-style-type: disc; }
#secondary #rightcontent ol li { list-style-type: decimal; }
#secondary #rightcontent img.bio { border: 1px solid #333; margin-top: 10px; padding: 2px; }
#secondary em { font-style: italic; }
#secondary strong { font-weight: bold; }
ul#submenu { width: 251px; }
ul#submenu li { border-top: 1px solid #fff; }
ul#submenu li a { padding: 12px 15px; background: #535353; display: block; font: 12px "Arial"; color: #fff; text-transform: uppercase; text-decoration: none; }
ul#submenu li a:link, ul#submenu li a:visited { background: #535353; }
ul#submenu li a:hover, ul#submenu li a:link.active, ul#submenu li a:hover.active, ul#submenu li a:visited.active { background: #222; }
#secondary dl { margin-bottom: 25px; }
#secondary dt { padding: 10px 0 0 0; font: bold 12px "Verdana"; color: #333; }
#secondary #rightcontent dt a:link, #secondary #rightcontent dt a:hover, #secondary #rightcontent dt a:visited { text-decoration: none; font: bold 12px "Verdana"; color: #333; }
#secondary dd { padding: 5px 10px 10px 10px; font: 11px "Verdana"; color: #333; line-height: 18px; border-bottom: 1px solid #ccc; }
#secondary #rightcontent dd a:link, #secondary #rightcontent dd a:hover, #secondary #rightcontent dd a:visited { font: bold 11px "Arial"; color: #333; text-decoration: none; }



/* TEMPLATE: product */
#secondary.product #rightcontent { padding: 0; width: 649px; overflow: auto; }
#secondary.product #col1 { float: left; padding: 21px 25px 74px 35px; width: 383px; }
#secondary.product #col2 { float: left; padding: 21px 0; width: 205px; }
#secondary.product #col1 p, #secondary.product #col1 ul, #secondary.product #col1 ol, #secondary.product #col1 h4, #secondary.product #col1 h1 { width: 375px; }
#secondary.product #col1 h4 { font: bold 12px "Verdana"; color: #262626; text-transform: capitalize; }
#secondary.product #col2 dl { border: 1px solid #676767; padding: 1px; margin-bottom: 25px; background-color: #f5f5f5; overflow: auto; height: 100%; }
#secondary.product #col2 dt { background: url("../../graphics/tile_dt.gif") repeat-x; color: #fff; padding: 5px; font: 12px "Arial"; text-transform: uppercase; }
#secondary.product #col2 dd { display: block; padding: 5px 10px; float: left; }
#secondary.product #col2 dd { font: 14px "Arial"; color: #424242; border: 0; }
#secondary.product #col2 dd a:link, #secondary.product #col2 dd a:hover, #secondary.product #col2 dd a:visited { font: 14px "Arial"; color: #424242; text-decoration: underline; }
#secondary #rightcontent ul.poplist li { text-decoration: underline; cursor: pointer; width: 210px; }
#secondary.product #rightcontent ul { display: block; valign: top; width: 350px; }
/* TEMPLATE: secondary: product: popover */
#secondary.product .popover { width: 275px; position: absolute; z-index: 299; }
#secondary.product .popover div.transparent { background-color: #497b71; position: absolute; top: 0; left: 0; width: 275px; height: 370px; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
#secondary.product .popover div.opaque { background-color: #fff; position: relative; width: 201px; height: 325px; top: 12px; left: 12px; padding: 20px 25px 3px 25px; }
#secondary.product .popover h3 { font: normal 18px "Georgia", "Times New Roman", "Times"; color: #333; width: 195px; padding-bottom: 5px; }
#secondary.product .popover h5 { font: bold 11px "Verdana"; color: #333; padding-bottom: 5px; }
#secondary.product .popover p  { font: normal 11px "Verdana"; color: #333; padding-bottom: 15px; line-height: 18px; }
#secondary.product .popover li  { font: normal 11px "Verdana"; color: #333; margin-left: 15px; list-style-type: disc; padding-bottom: 3px; line-height: 18px; }
#secondary.product .popover li a:link, #secondary.product .popover li a:hover, #secondary.product .popover li a:visited   { color: #497b71; }



/* TEMPLATE: locations */
#secondary.locations #rightcontent { padding: 0; padding: 42px 74px 74px 35px; width: 539px; }
#secondary.locations #map { width: 422px; height: 422px; background: #fff url("../../graphics/map_florida.gif") no-repeat; position: relative; }
#secondary.locations #flashmap { width: 550px; height: 450px; }
#printmap { display: none; }
.locationdot { position: absolute; width: 15px; height: 15px; cursor: pointer; }
#secondary.locations #maplist { overflow: auto; width: 525px; }
#secondary.locations #rightcontent #maplist h2 { font: 16px "Georgia", "Times New Roman", "Times"; color: #333; padding-bottom: 0; width: 250px; text-transform: uppercase; }
#secondary.locations #rightcontent #maplist h3 { font: italic 12px "Verdana"; color: #333; width: 185px; padding: 10px 0; }
#secondary.locations #rightcontent #maplist p { font: normal 11px "Verdana"; color: #333; width: 185px; padding-bottom: 10px; line-height: 14px; }
#secondary.locations .city { width: 250px; float: left; padding-bottom: 15px; }
/* TEMPLATE: secondary: locations: popover */
#secondary.locations .popover { width: 275px; position: absolute; z-index: 299; }
#secondary.locations .popover div.transparent { background-color: #497b71; position: absolute; top: 0; left: 0; width: 275px; height: 350px; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
#secondary.locations .popover div.opaque { background-color: #fff; position: relative; width: 201px; height: 300px; top: 12px; left: 12px; padding: 20px 25px 3px 25px; }
#secondary.locations .popover div.popnav { width: 175px; height: 50px; }
#secondary.locations #rightcontent .popover h5 { width: 75px; float: left; }
#secondary.locations .popover img { display: inline; margin-right: 5px; cursor: pointer; }
#secondary.locations .popover h4 { float: left; padding-left: 100px; font: normal 16px "Georgia", "Times New Roman", "Times"; color: #333; }
#secondary.locations .popover h3 { float: none; clear: both; font: normal 18px "Georgia", "Times New Roman", "Times"; color: #333; width: 185px; padding-bottom: 10px; }
#secondary.locations #rightcontent .popover p { font: normal 11px "Verdana"; color: #333; width: 185px; padding-bottom: 10px; line-height: 14px; }
#secondary.locations #rightcontent .popover small { font: normal 9px "Arial"; color: #000; width: 185px; padding-bottom: 5px; line-height: 14px; text-transform: uppercase; cursor: pointer; }
#secondary.locations #rightcontent .popover small img { position: relative; top: 2px; left: 1px; }



/* TEMPLATE: secondary: calculator */
#secondary.calculator #rightcontent { padding: 0; padding: 42px 0 74px 35px; width: 590px; }
#secondary.calculator #calc { width: 590px; height: 555px; background: #fff url("../../graphics/bg_calculator.jpg") no-repeat; position: relative; }
#secondary.calculator h3 { width: 85px; font: 15px "Arial"; color: #cc0000;}
#secondary.calculator .button { cursor: pointer; }
#secondary.calculator #calc form { width: 590px; position: relative; }
#secondary.calculator #calc form input { font: 15px "Arial"; color: #666; }
#secondary.calculator h3#flatworkresult { position: absolute; top: 60px; left: 171px; }
#secondary.calculator input#flatworkwidth { position: absolute; top: 111px; left: 135px; width: 100px; border: 0; }
#secondary.calculator input#flatworklength { position: absolute; top: 160px; left: 135px; width: 100px; border: 0; }
#secondary.calculator input#flatworkthickness { position: absolute; top: 211px; left: 135px; width: 100px; border: 0; }
#secondary.calculator div#calcradios { position: absolute; top: 243px; left: 170px; }
#secondary.calculator div#calcradios input { margin-right: 30px; }
#secondary.calculator form#calcflatwork div.calcbuttons { position: absolute; top: 285px; left: 29px; }
#secondary.calculator h3#columnresult { position: absolute; top: 60px; left: 471px; }
#secondary.calculator input#columnheight { position: absolute; top: 123px; left: 464px; width: 75px; border: 0; }
#secondary.calculator input#columndiameter { position: absolute; top: 184px; left: 464px; width: 75px; border: 0; }
#secondary.calculator form#calccolumn div.calcbuttons { position: absolute; top: 240px; left: 329px;}
#alert1 { position: absolute; z-index: 199; top: -550px; cursor: pointer; width: 226px; height: 115px; }
#alert1.show { display: block; top: 103px; left: 166px; }



/* TEMPLATE: secondary: forms */
#secondary.forms #rightcontent form { padding: 0 0 20px 0; }
#secondary.forms #rightcontent form input.button { margin-top: 10px; text-align: center; padding: 3px 14px; color: #fff; background-color: #296456; cursor: pointer; border: 1px solid #296456; }
#secondary.forms #rightcontent form label { font: 12px "Tahoma", "Arial"; color: #000; display: block; padding: 0 5px 5px 5px; cursor: pointer; width: 150px; }
#secondary.forms #rightcontent form legend { width: 260px; padding: 5px; background-color: #fff0d1; border: 1px solid #f1a51c; font: 12px "Arial"; color: #000; text-transform: uppercase; }
#secondary.forms #rightcontent fieldset { margin: 15px 0 0 0; }
#secondary.forms #rightcontent fieldset.float { float: left; width: 250px; }
#secondary.forms #rightcontent fieldset.clear { float: none; clear: both; }
#secondary.forms #rightcontent #errorreq { display: none; width: 425px; padding: 5px; background-color:#ffb5b7; border: 1px solid #ff0000; text-align: center; }
#secondary.forms #rightcontent #errorreq p { width: 425px; color:#000; font-weight: bold; text-align: center; }
#secondary.forms #rightcontent .highlight { background-color:#ffb5b7; border: 3px solid #ff0000; font-weight: bold; }
#secondary.forms #rightcontent .linktext { font-weight: bold; text-decoration: underline; cursor: pointer; }
#secondary.formsinput #rightcontent .formtext { width: 205px; font: 11px "Arial"; color: #00687a; border: 1px solid #00687a; margin-bottom: 10px; padding: 3px; }
#secondary.formsinput #rightcontent .formcheckbox { height: 15px; width: 15px; }



/* TEMPLATE: admin: forms */
body#admin { background: none; padding: 0 25px; }
#admin p, #admin ol { font: 11px "Arial"; color: #0a5568; margin: 8px 0 3px 0; line-height: 18px; width: 500px; }
#admin ol li { list-style-type: decimal; margin-left: 25px; }
#admin a:link, #admin a:hover, #admin a:visited { font-weight: bold; color: #000; text-decoration: underline; }
#admin em { font-style: italic; }
#admin h1 { font: bold 21px "Arial"; color: #0a5568; padding-top: 15px; }
#admin h2 { font: 16px "Arial"; color: #0a5568; text-transform: uppercase; }
#admin h3 { font: 14px "Arial"; color: #0a5568; text-transform: uppercase; margin: 15px 0 3px 0; }
#admin form { padding: 0 0 20px 0; }
#admin input, #admin select { margin: 10px 0; border: 1px solid #666; padding: 2px; }
#admin option.inactive { font-style: italic; color: #444; }
#admin form input.button { margin-top: 10px; text-align: center; padding: 3px 14px; color: #fff; background-color: #296456; cursor: pointer; border: 1px solid #296456; }
#admin input.buttondelete { margin-top: 10px; margin-left: 50px; text-align: center; padding: 3px 14px; color: #fff; cursor: pointer; background-color: #c63a22; border: 1px solid #c63a22; }
#admin input.buttondisabled { margin-top: 10px; text-align: center; padding: 3px 14px; color: #ccc; background-color: #666; cursor: default; border: 1px solid #666; }
#admin input.buttonback { background: #fff url("../../graphics/icon_back.gif") no-repeat; padding: 5px 0 10px 30px; font: bold 10px "Tahoma", "Arial"; border: none; cursor: pointer; }
#admin input.checkbox { height: 15px; width: 15px; padding: 0; margin: 0; }
#admin label { font: 12px "Tahoma", "Arial"; color: #000; display: block; padding: 0 5px 5px 5px; cursor: pointer; width: 150px; }
#admin label.rightradio { display: block; margin: 1px 0; width: 300px; }
#admin label.rightradio input { position: relative; top: 10px; left: 0; }
#admin #radiolist { width: 400px; padding: 0 10px; background-color: #eee; }
#admin legend { width: 260px; padding: 5px; background-color: #fff0d1; border: 1px solid #f1a51c; font: 12px "Arial"; color: #000; text-transform: uppercase; }
#admin fieldset { margin: 15px 0 0 0; }
#admin .float { float: left; width: 325px; }
#admin .clear { float: none; clear: both; }
#admin #errorreq { width: 425px; padding: 5px; background-color:#ffb5b7; border: 1px solid #ff0000; text-align: center; }
#admin #errorreq p { width: 425px; color:#000; font-weight: bold; text-align: center; margin: 0; padding: 0; }
#admin .highlight { background-color:#ffb5b7; border: 3px solid #ff0000; font-weight: bold; }
#admin .linktext { font-weight: bold; text-decoration: underline; cursor: pointer; }
#admin .formtext { width: 205px; font: 11px "Arial"; color: #00687a; border: 1px solid #00687a; margin-bottom: 10px; padding: 3px; }
#admin #files { height:400px; overflow:auto; font: 10px Verdana, Helvetica, sans-serif; color: #000; }
#admin #files ul { padding: 0; margin: 0; }
#admin #files li { padding: 3px 0; margin: 0; list-style-type: none; }
#admin #files li img { cursor: pointer; }
#adminmenu { width: 325px; }
#adminmenu ul { list-style-type: none; }
#adminmenu li { font: bold 14px "Tahoma", "Arial"; color: #000; display: block; padding: 5px; text-transform: capitalize; }
#adminmenu li ul { margin-left: 20px; margin-bottom: 15px; }
#adminmenu li ul li a:link, #adminmenu li ul li a:hover, #adminmenu li ul li a:visited { font: 14px "Tahoma", "Arial"; color: #555; display: block; padding: 2px; text-transform: capitalize; }
#admin #adminmenu form { padding: 0; }
/* jquery edit-in-place styles */
#admin #eipdiv { margin-top: 15px; }
#admin #eipdiv p { width: 200px; }
.jeip-saving { font: italic 12px "Tahoma", "Arial"; color:#0033FF; }
.jeip-mouseover { background-color: #ffff99; cursor: pointer; }
.jeip-editor span { color: #fff; }
#admin input.jeip-editfield { border: none; font: bold 12px "Arial"; color: #000; background-color: #ffff99; }
#admin input.jeip-savebutton { background: #fff url("../../graphics/icon_save.gif") no-repeat; padding-left: 20px; font: bold 10px "Tahoma", "Arial"; border: none; cursor: pointer; }
#admin input.jeip-cancelbutton { background: #fff url("../../graphics/icon_cancel.gif") no-repeat; padding-left: 20px; font: bold 10px "Tahoma", "Arial"; border: none; cursor: pointer; }