body { padding:0; margin:0; height:100%; background:#FFF url(../img/main-stretch.gif) repeat-y; font:100 11px/16px "Arial",sans-serif; color:#666; } #content-wrap { width:780px; padding:0; margin:0; height:100%; } /* HEADER ----------------------------- */ #header { width:780px; height:92px; border-bottom:1px solid #FFF; } #logo { background:url(../img/genecare-logo.gif) no-repeat;height:71px; width:151px; display:block; border-top:21px solid #F2F2F2; } #main-nav-wrap { background:#DFDFDF;position:absolute; left:151px; top:0; height:92px; width:629px; display:block; } /* BREADCRUMB ----------------------------- */ #breadcrumb li { color:#666; background:url(../img/breadcrumb-bullet.gif) no-repeat 100% 50%; display:inline; list-style-type:none; padding:0 10px; font:100 10px/18px "Arial",sans-serif; color:#666; } #breadcrumb li a { padding:0; margin:0; border:0; text-decoration:none; color:#666; } #breadcrumb li a:hover { text-decoration:underline; color:#333; } #breadcrumb li.current { background:none; color:#666; } #breadcrumb li.current a { text-decoration:none; } #breadcrumb li.current a:hover { text-decoration:none; } ul#breadcrumb { width:619px; height:21px; display:block; margin:0; padding:0; } /* MAIN NAV ----------------------------- */ #main-nav { background:#000; width:629px; height:71px; display:block; } a#providers, a#patients, a#about { width:131px; height:71px; display:block; float:left; text-indent:-9999px; text-decoration:none; } a#providers { background:url(../img/nav-providers-off.gif) no-repeat; } a#patients { background:url(../img/nav-patients-off.gif) no-repeat; } a#about { background:url(../img/nav-about-off.gif) no-repeat; } /* SEARCH ----------------------------- */ #search { background:url(../img/nav-search-off.gif) no-repeat; position:absolute; left:393px; width:236px; height:71px; display:block; } #search_field { width:150px; position:absolute; top:42px; left:18px; } #search_bt { position:absolute; top:42px; left:178px; font:100 10px/16px "Arial",sans-serif; color:#000; } .search_result { margin:5px 10px; font:100 11px/16px "Arial",sans-serif; color:#666; } /* NAV ----------------------------- */ #nav { background:#C9D3DC url(../img/column-stretch.gif) repeat-x; width:151px; position:absolute; left:0; top:0; } #nav ul { list-style-type:none; margin:0; padding:65px 0 0 0; width:151px;} #nav li { margin:0 0 1px 0; padding:0; display:inline; float:left; clear:left; width:151px; } #nav li a { font:800 10px/14px "Arial",sans-serif; color:#47657F; text-decoration:none; text-align:right; display:block; padding:2px 10px 2px 0; border-right:5px solid #AFC2D1; } #nav li a:hover { color:#264056; border-right:5px solid #336699; } #nav ul li ul { list-style:none; margin:0; padding:0; } #nav li ul li { margin:0 0 1px 0; } #nav li ul li a { text-align:right; display:block; padding:2px 15px 2px 0; border:0; width:136px; } #nav li ul li a:hover { border:0; } #nav li.current a { border-color:#336699; } /* MAIN ----------------------------- */ #main-wrap { position:relative; width:780px; clear:both; padding:0 0 0 0; } #main, #main-2col { position:relative; left:151px; top:0; width:629px; } #main { background:#FFF; } #main-2col #main-content { width:393px; float:left; } #front-img { width:393px; height:148px; } #main-2col #main-content h1 { font:100 18px/38px "Arial",sans-serif; color:#FFF; text-transform:uppercase; height:38px; display:block; margin:0 0 10px 0; padding:0; text-indent:10px; border-right:1px solid; } #main-2col #main-content h3 { font:100 12px/24px "Arial",sans-serif; color:#DA7C10; margin:0; padding:10px; } #main-2col #main-content p { font:100 11px/16px "Arial",sans-serif; color:#666; margin:0; padding:10px; } #main-2col #main-content #shd h1 { font:100 18px/38px "Trebuchet MS", "Arial",sans-serif; color:#FFF; text-transform:none; margin:0; padding:0 10px 4px 9px; border-left:1px solid; border-right:1px solid; } #main #main-content { width:628px; border-right:1px solid #587690; } #main #main-content #shd h1 { font:100 18px/38px "Trebuchet MS", "Arial",sans-serif; color:#FFF; text-transform:none; margin:0; padding:0 10px 4px 9px; border-left:1px solid; } #main #main-content p { font:100 11px/16px "Arial",sans-serif; color:#666; margin:0; padding:10px; } #main-content h1 { background:#577790; border-color:#FFF; } #shd h1 { background:#577790 url(../img/shd_stretch.gif) repeat-x; border-color:#FFF; } #main-content ul { margin:0; padding:10px 0 20px 0; list-style:none; } #main-content ul li { background:url(../img/bullet.gif) no-repeat 20px 7px; padding:2px 20px 2px 40px; font:bold 11px/16px arial, helvetica, sans-serif; color:#587690; } /* UTILITY ----------------------------- */ #main #utility { display:none; } #main-2col #utility #utility_shd { background:#7AA39A url(../img/utility_shd_stretch.gif) repeat-x; margin:0; padding:0 10px 4px 10px; display:block; font:100 14px/38px "Trebuchet MS", "Arial",sans-serif; color:#FFF; } #main-2col #utility { width:236px; float:right; position:relative; } #order-supplies { width:236px; height:48px; } #utility p { margin:0; padding:0 10px 0 15px; } #utility h2 { position:absolute; top:148px; font:100 18px/38px "Arial",sans-serif; color:#FFF; text-transform:uppercase; width:100%; height:38px; display:block; margin:0 0 10px 0; padding:0; text-indent:15px; background:#839BAC; } #utility_news { position:absolute; top:206px; } #utility_news ul { margin:0; padding:0 10px; list-style:none; } #utility_news li { margin:0; padding:5px 0 5px 20px; background:url(../img/news_bullet.gif) no-repeat 0 5px; } /* FORM STYLES ----------------------------- */ .form_container { margin:15px 0 0 0; padding:0; width:373px; background:url(https://www.genecare.com/img/form_bg.gif) repeat-y; border-left:10px solid #FFF; border-right:10px solid #FFF; } .form_container h4 { margin:0; float:left; text-align:right; width:120px; margin:0 10px 0 0; display:block; padding:5px 0; height:28px; background:#EBEAE4; font:bold 11px/18px arial, helvetica, sans-serif; color:#5A8095; } .form_row { width:373px; position:relative; border-bottom:1px solid #FFF;} .form_row_med { width:373px; position:relative; border-bottom:1px solid #FFF;} .form_row_big { width:373px; position:relative; border-bottom:1px solid #FFF; } .form_field { float:left; position:relative; left:15px; top:5px; } .form_row label, .form_row_med label, .form_row_big label { position:relative; clear:both; float:left; text-align:right; width:120px; margin:0 10px 0 0; display:inline; padding:5px 0; background:#EBEAE4; font:bold 11px/18px arial, helvetica, sans-serif; color:#5A8095; } .form_row_med label { height:40px; } .form_row_radio { width:373px; position:relative; border-bottom:1px solid #FFF; } .form_row_radio span { float:left; padding:5px 0 0 12px; } .checkbox_container { float:left; padding:0 0 5px 12px; } .checkbox { clear:both; padding:5px 0 0 0; } select { font:normal 11px/18px arial, helvetica, sans-serif; color:#30464C; border:1px solid #A3B4BC; background:#FFF; } #registrantType, #courseLocationDate { width:218px; } #otherName { font:normal 11px/14px arial, helvetica, sans-serif; color:#30464C; border:1px solid #A3B4BC; background:#FFF; } .form_row input { font:normal 11px/14px arial, helvetica, sans-serif; color:#30464C; width:218px; border:1px solid #A3B4BC; background:#FFF; } textarea { font:normal 11px/18px arial, helvetica, sans-serif; color:#30464C; width:218px; height:100px; border:1px solid #A3B4BC; background:#FFF; } .form_row_med textarea { height:36px; } .form_row span.required, .form_row_med span.required, .form_row_big span.required { position:absolute; left:135px; top:5px; } .form_row_radio span.required { position:absolute; left:123px; top:0; } .required { vertical-align:middle; font:bold 18px/18px arial, helvetica, sans-serif; color:#999; } p .required { vertical-align:bottom; } small { color:#9F5B65; height:39px; width:328px; background:#fff; display:none; margin:0 0 0 20px; padding:10px 20px; } small .msg { background:#FFFFD9; height:19px; width:200px; display:block; border:1px solid #DDCF98; padding:10px 10px 10px 30px; } #contact_msg { padding:0; width:130px; } #contact_msg .msg { width:328px; height:10px; font-size:10px; line-height:10px;} small #check { background:#FFFFD9 url(../images/check.gif) 8px 50% no-repeat; } small #exclamation { background:#D84D39 url(../images/exclamation.gif) 8px 50% no-repeat; border:1px solid #B30302; color:#FFF; } #course_location_date, #registrant_type { width:221px; } .clear { clear:both; } #Check, #CreditCard, #yesDiv, #noDiv { display:none; } #submit { margin:15px 0 0 10px; } .form_container h5 { margin:0; width:373px; text-indent:10px; display:block; padding:5px 0; background:url(../img/form_hd.gif) repeat-x; font:bold 11px/18px arial, helvetica, sans-serif; color:#FFF; } .checkbox select, .checkbox input, .checkbox label { float:left; } .checkbox label { margin-top:2px; margin-left:22px; } html > body .checkbox label { width:140px; } .checkbox select { margin-top:-4px; margin-left:-10px; } .checkbox input { margin-left:0; margin-right:0; } form { margin:0; padding:0 0 10px 0; } .form_container h6 { border-bottom:1px solid #FFF; margin:0; width:353px; display:block; padding:5px 10px; background:#EBEAE4; font:bold 11px/18px arial, helvetica, sans-serif; color:#5A8095; } .form_container .multiSelect select { display:inline; float:none; position:static; margin:5px 0 5px; } .form_container .multiSelect label { margin-right:25px; } /* FORM STYLES ----------------------------- */ table { margin:10px; padding:1px; width:373px; } th { padding:5px 10px; background:#C9D3DC; font-weight:bold; } td { padding:5px 10px; background:#E6EEEC; } dl { background:#E6EEEC; margin:10px; padding:10px 0; border-top:1px solid #C9D3DC; border-bottom:1px solid #C9D3DC; } dt { padding:0 0 0 10px; font-weight:bold; color:#666; } dd { padding:0 20px 0 10px; margin:0; color:#666; } .main_img { margin-top:-4px; } .main_img img { display:block; } img { border:0; } .img_wrap { float:right; clear:right; padding:3px; background:#C9D3DC; margin:15px; display:inline; } .img_wrap img { display:block; } #footer { background:#A13106; display:block; padding:5px 10px; color:#fff; margin:0 0 0 151px; } p h1 { } p h2 { } p h3 { padding:0; margin:0; } p h4 { } p h5 { } p h6 { } #otherName {margin:-3px 0 0 5px; } #news li { margin-bottom:15px; } /**** ALERT MESSAGE ***/ #content-wrap .form_container #alerted input, #content-wrap .form_container #alerted textarea, #content-wrap .form_container #alerted select { border-color:#990000; background:#d84d39 !important; color:#fff; } #content-wrap .form_container #alerted span { color:#d84d39; } #content-wrap #alertMessage { margin:0 0 10px 0; padding:0; position:relative; top:0; left:0; background:#d84d39; border:1px solid #990000; } #content-wrap #alertMessage p { margin:0; padding:10px 20px 10px 90px; font:bold 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; } #content-wrap #alertMessage p span.notes { margin:0 0 10px 0; display:block; font:oblique 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; } #content-wrap #alertIcon { position:absolute; top:0; left:0; display:block; width:100%; } #content-wrap #alertIcon img { margin:7px 0 0 35px; }