html { background:none; margin:0; padding:0; } /* override yahoo css reset property that f#*(@# up backgorund images */
body { background-image:url(/assets/img/bg_body.png); background-color:#F4F4F4; color:#333; background-position:top center; background-repeat:repeat-x; text-align:center; position:relative; }
h1 { }
h2 { }
h3 { }
h4 { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px; color:#333333; line-height:20px; margin:5px 0 5px 0}
h5 { font-size:12px;color:#666 }
h1,h2,h3,h5 { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif }
p { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px; color:#333; line-height:20px;}
ul, ol { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif }
li { line-height:20px; }
input { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666 }
a:link,a:visited { text-decoration:underline; color:#FF0000 }
a:hover { text-decoration:none }
em, .b { font-weight:bold }
.col45 {width:44%;margin:0 20px 0 20px;position:relative;float:left;}
.clearall { width:100%;float:left;clear:both;line-height:1px}
#shell_wrap { width:902px; margin:0 auto; text-align:left; }
#admin_wrap { width:902px; margin:0 auto; text-align:left; background:#FFF }
#admin_body { position:relative;float:left;width:95%; background:#FFF;padding:15px }
#admin_body .txt{ width:550px;padding:5px }
#admin_body textarea { width:550px;height:200px;padding:5px }
#shell_head { position:relative; float:left; width:100%; z-index:999999;height:139px; background-image:url(/assets/img/bg_header_bg.jpg); }
#shell_head a { color:#CCC; text-decoration:none}
#shell_head h1 { text-indent:-9999px; background-image:url(/assets/img/img_cipp_logo.png); width:285px;height:35px; position:absolute; top:55px; right:-78px; background-repeat:no-repeat;}
#shell_head h3 { width:500px;height:35px; position:absolute; text-align:right; color:#CCC; font-size:12px; letter-spacing:1px; top:90px; right:10px; background-repeat:no-repeat;}
#cipp_pipe { width:131px; height:128px; z-index:999999999; background-image:url(/assets/img/img_cipp_pipe.png); background-repeat:no-repeat; position:absolute; top:115px; right:0}
#home_link { position:absolute;bottom:15px;left:15px;}
#shell_nav { position:relative;float:left;clear:both;width:100%;height:52px;}
#shell_nav #Nav { width:100%; height:52px; margin:0; padding:0; background:url('/assets/img/bg_nav_sprite.png') 0 0 no-repeat; }
#shell_nav #Nav li { display:inline; text-indent:-99999px;cursor:pointer;position:relative;}
#shell_nav #Nav li a { float:left; outline:none; width:125px; height:0; overflow:hidden; }
#shell_nav #Nav li a { background-image:url('/assets/img/bg_nav_sprite.png'); background-repeat:no-repeat; height:52px}
#shell_nav #Nav li#nav00 a { background-position: 0 0; width:155px;}
#shell_nav #Nav li#nav01 a { background-position: -155px 0; width:93px}
#shell_nav #Nav li#nav02 a { background-position: -248px 0; width:61px}
#shell_nav #Nav li#nav03 a { background-position: -309px 0; width:73px}
#shell_nav #Nav li#nav04 a { background-position: -382px 0; width:68px}
#shell_nav #Nav li#nav05 a { background-position: -450px 0; width:109px}
#shell_nav #Nav li#nav06 a { background-position: -559px 0; width:133px}
#shell_nav #Nav li#nav00 a:hover { background-position: 0 -65px; }
#shell_nav #Nav li#nav01 a:hover { background-position: -155px -65px; }
#shell_nav #Nav li#nav02 a:hover { background-position: -248px -65px; }
#shell_nav #Nav li#nav03 a:hover { background-position: -309px -65px; }
#shell_nav #Nav li#nav04 a:hover { background-position: -382px -65px; }
#shell_nav #Nav li#nav05 a:hover { background-position: -450px -65px; }
#shell_nav #Nav li#nav06 a:hover { background-position: -559px -65px; }
#shell_nav #Nav li#nav06.hover a { background-position: -559px -65px; }
#shell_nav #Nav ul.sub{ position:absolute;display:none;top:0;left:0;z-index:99999999;cursor:pointer;background:url(/assets/img/bg_hover_ul.png) repeat;background-position:-4px 0 }
#shell_nav #Nav ul.sub li{ width:10px;text-indent:0;background:#000000;cursor:pointer; }
#shell_nav #Nav li#nav06 ul.sub li a { text-transform:uppercase;text-decoration:none;height:28px;width:170px;background:transparent;cursor:pointer;color:#FFF;font-size:11px;padding:5px 5px 0 12px }
#shell_nav #Nav li#nav06 ul.sub li a:hover { text-transform:uppercase;background:url(/assets/img/bg_hover_ul_dark.png) repeat;background-position:-4px 0;height:28px;cursor:pointer;color:#FFF;font-size:11px;padding:5px 5px 0 12px }
#shell_head #shell_member { position:absolute;top:20px;right:10px }
body#installers #shell_nav #Nav li#nav00 a { background-position: 0 -65px; }
body#team #shell_nav #Nav li#nav01 a { background-position: -155px -65px; }
body#news #shell_nav #Nav li#nav02 a { background-position: -248px -65px; }
body#uvcure #shell_nav #Nav li#nav03 a { background-position: -309px -65px; }
body#links #shell_nav #Nav li#nav04 a { background-position: -382px -65px; }
body#contact #shell_nav #Nav li#nav05 a { background-position: -450px -65px; }
body#specs #shell_nav #Nav li#nav06 a { background-position: -559px -65px; }
#shell_body { width:100%;position:relative;float:left;}
#shell_body.sub { }
#home_content { width:100%;position:relative;float:left;padding:30px 0 30px 0;background:#FFF }
#home_content p { margin: 0 0 10px 0 }
.home_header { font-size:23px; }
#sub_content { position:relative;float:left;padding:40px 80px 30px 80px;width:740px;background-image:url(/assets/img/bg_white_fade.png);background-repeat:repeat-x;background-color:#FFF}
#sub_content h4 { margin:15px 0 15px 0}
.sub_page_head { font-size:22px; background-color:#E70012;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#FFF;width:auto;}
/* SUBHEAD WIDTHS */
#cipp_team { width:165px; padding:8px }
#cipp_contact { width:160px; padding:8px;position:relative;float:left}
#cipp_specs { width:180px; padding:8px }
#cipp_installers{ width:135px; padding:8px }
#cipp_process { width:150px; padding:8px }
#cipp_news { width:68px; padding:8px }
#cipp_links { width:66px; padding:8px }
#cipp_uvcure { width:95px; padding:8px }
#cipp_resins { width:130px; padding:8px }
#cipp_felts { width:120px; padding:8px }
#cipp_designformulas { width:205px; padding:8px }
#cipp_resintestresults { width:225px; padding:8px }
#team_mugs { width:560px;position:relative;float:left;padding:40px 0 0 100px;}
.team_mug { width:500px; margin:0 15px 35px 0;position:relative;float:left;}
.team_mug img { position:relative;float:left; margin:0 10px 0 0}
.team_mug_info { position:relative;float:left; width:145px;}
.team_mug h5 { font-size:11px; font-family:Verdana, sans-serif; font-weight:bold; color:#333;}
.team_mug h6 { font-size:11px; font-family:Verdana, sans-serif; font-weight:bold; color:#333;}
#team_mugs .divider { position:relative;float:left;width:100%;margin:5px 0 15px 0;height:1px;border-bottom:1px dotted #666;line-height:1px}
#contact_form { }
#contact_form ol { }
#contact_form ol li{ position:relative;clear:both;margin:15px 0 15px 0 }
#contact_form ol li label{ font-size:14px; display:block; position:relative;float:left;width:180px;}
#contact_form ol li input, #contact_form ol li select{ color:#333;width:300px; font-size:14px; font-family:Verdana, sans-serif}
#contact_form ol li input#send{ width:auto }
#contact_form ol li span{ color:#FF0000;font-size:12px; }
#contact_form ol li textarea{ width:300px;color:#333; font-size:16px;height:150px }
#message_sent { width:100%;background-color:#006600;padding:10px;color:#FFF;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size:15px }
#employment_info { position:relative;float:left;clear:both;width:100%}
#employment_info p { position:relative;float:left;clear:both;width:100%;margin:5px 0 5px 0}
#download_specs { width:100%;float:left;border:4px solid #006600;padding:10px;color:#006600;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size:15px }
#download_specs a { color: #006600}
#shell_foot { width:100%;position:relative;float:left;padding:0 0 0 0;background-image:url(/assets/img/bg_footer.png);height:100px;background-repeat:repeat-x;}
#shell_foot p { width:100%;text-align:center;margin:2px 0 2px 0;font-size:10px;color:#666}
#shell_foot p a { color:#666 }
#shell_foot_content { position:relative;float:left;clear:both;padding:15px 0 0 0;text-align:center;width:100%;}
/********** INSTALLER ************/
#installer_map { position:relative;float:left;margin:0 0 0 50px}
#installer_listing { position:relative;float:left;clear:both;width:100%;margin:0px 0 15px 0}
#installer_listing h2 { font-size:18px;color:#FF0000;text-transform:uppercase; }
.installer { position:relative;float:left;width:300px;margin:10px;padding:10px;}
.installerLeft { float:left; margin:0 10px 0 0; width:100px; position:relative;}
.installerLeft img { width:100px }
.installerRight { float:left; position:relative;width:180px }
#international_click { position:absolute;top:430px;right:60px;}
/********** NEWS **************/
.newsitem { position:relative;float:left;width:100%;margin:5px 0 5px 0; padding:8px; border-bottom:1px dotted #CCC;cursor:pointer}
.newsitem:hover { background:#F1F1F1 }
.newsitem.story:hover { background:transparent;cursor:default;}
.newsitem h3 { font-size:16px; margin:0;padding:0;line-height:18px;position:relative;float:left;width:100%}
.newsitem h4 { font-size:10px; margin:0;padding:0;line-height:12px}
.newsitem h5 { font-size:12px; position:relative;float:left;clear:both;width:100%;color:#E70012}
.newsitem a { text-decoration:none;}
/********* LINKS **********/
.link_col { position:relative;float:left;width:45%;margin:20px 15px 0 0 }
.link_col h3 { border-bottom:1px dotted #999}
.link_col .list_wrap { position:relative;float:left;width:100% }
.link_item { position:relative;float:left;width:95%;clear:both;margin:5px 0 5px 0;padding:5px}
.link_item:hover { background:#F1F1F1 }
.link_item a { text-decoration:none}
.link_item .url { color:#999 }
/******** UV ***********/
#uv_body { width:100%;position:relative;float:left; }
#uv_body h3 { margin:15px 0 15px 0 }
#uv_body p { position:relative;float:left;clear:both;width:100%;margin:0 0 15px 0 }
/********* FORM VALIDATION *****/
input.error{border:3px solid #FF0000}
label.error{position:relative;width:100%;clear:both;margin:0 0 15px 0;display:block;color:#FF0000;}
/********* SIMPLE SPAM TRAP ****/
input.requiredd{display:block;position:absolute;top:-10000px}
/******* RESINS *************/
.resins #intro { position:relative;float:left;clear:both;margin:10px 0 0 0}
.resins p { position:relative;float:left;margin:0 0 10px 0;width:100%;}
.resins h3 { position:relative;float:left;margin:15px 0 5px 0;width:100%;clear:both;color:#E70012 }
.resins #sub_content h4 { position:relative;float:left;margin:0;padding:0;width:100%;clear:both;font-weight:bold; }
.resins #sub_content h5 { position:relative;float:left;margin:15px 0 5px 0;padding:0;width:100%;clear:both;font-weight:bold; }
.resins #sub_content ul { position:relative;float:left;margin:0 0 0 10px;padding:0;width:90%;clear:both }
.resins #sub_content li { font-size:11px }
/****** FELTS *******/
.felts #l { position:relative;float:left;width:260px;margin:15px 0 0 0 }
.felts #l img { position:relative;float:left;margin:0 0 15px 0 }
.felts #r { position:relative;float:left;width:95%;margin:15px 0 0 0 }
.felts #r img { position:relative;float:left; margin:0 15px 15px 0 }
.felts p { position:relative;float:left;margin:0 0 20px 0;width:100%;}
.felts #sub_content ul { position:relative;float:left;margin:10px 0 10px 0;padding:0;width:95%;clear:both }
.felts #sub_content li { font-size:11px;position:relative;float:left;width:100%;margin:5px 0 5px 0 }
/****** RESIN TEST RESULTS ******/
.resintest #sub_content h4{ position:relative;margin:10px 0 0 0;float:left;width:100% }