body {  margin:0; padding:0; width:100%; height:100%; background-color:#fff; _background-color:#e2e2e2; text-align:center; font-family:Arial, Helvetica, sans-serif; background-image:url(http://www.carlislefsp.com/images/contentBG_full.gif); background-repeat:repeat;}
/*background-color:#e2e2e2;*/
img {border: 0px;}

p {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 0.9em; margin-bottom: 0px; line-height:normal;}

h1 {font-weight: bold; text-align: center; font-size: 1.1em;}
h2 {font-weight: bold; text-align: center; font-size: 1.0em;}
h3 {font-weight: bold; text-align: center; font-size: 0.9em;}
h4 {font-weight: bold; text-align: center; font-size: 0.8em;}

a {color: #0099ff; font-weight: bold; text-decoration: none;}
a:hover {color: #000; font-weight: bold; text-decoration: underline;}
a:visited {color: #0099ff; font-weight: bold; text-decoration: none;}

#vspace {margin-bottom:25px; clear:both;}

#ecoup { margin-top:10px; width:300px; }
#ecoup ul{ list-style:none; display:block; }
#ecoup ul li{clear:both; text-align:left; background-color:#eaeaea; border:1px solid #0099ff; }
#ecoup ul li img{ float:right; }



/*Forms*/
fieldset{ border: 1px solid #ccc; padding:3px; font-size:12px; }
label {display:block; font-size:12px; font-weight:bold; color:#000;}
legend { font-size:14px; font-weight:bold; color:#000;}
input:focus, textarea:focus {background-color:#eaeaea;}


/* - LAYOUT - */
/* OLD #outline { margin: 0 auto; padding:0; width:960px; text-align:left; background-color:#fff; border:1px solid #000; border-bottom:none;}*/
#outline { margin: 0 auto; padding:0; width:960px; height:auto; min-height:500px; text-align:left; background-color:#FFF; border:1px solid #000;}


#top {width: 960px; background-color: #000; float:right; margin:0px; padding:0px;}
#topmain {width: 960px; background:none;}
#main { background-color:#FFF; float:left; width:760px; margin:10px 0 0 10px; padding:0 5px 5px 5px; line-height:normal; text-align:left; right:12px; position:relative; vertical-align:top; border-left: 2px solid #0099ff; font-size:12px;}
#main_global { width:760px; _width:100%; margin:10px auto 0 auto; padding:0 5px; line-height:normal;}

.main_img{margin:0 0 0 50px;}

/* - Locate A Rep - */
#main.locate ul{clear:both; list-style:none; padding:3px;}
#main.locate ul li { clear:both;  margin:5px 0; }
#main.locate h2 { float:left; margin-bottom:3px; text-decoration:underline; }
#main.locate hr {float:left; width:350px;}
#main.locate p{ font-weight:bold; color:#0099ff; clear:both;}

/* - Site Page Title - */
table#tab_style { background-color:#e2e2e2; clear:both; width:960px; margin:0; padding:0; border:none;}
table#tab_style td { border-collapse: collapse;}
table#tab_style p.text { float:right; margin:5px 20px 5px 0; font-size: 1.0em; font-weight: bold; color: #999; text-transform: uppercase;}

table#tab_style td { background-image:none;}
table#tab_style td img{ display:none;}

/*REMOVE THESE SOON - Leave unstyled*/
#wrapper {}
#wrapper {} #body{}
#left_navbar #body{}
#left_navbar #nav_wrapper{}

/* - Site Navigation - */
#sitenav { clear:both; background-color: #000; width: 960px; height:34px; margin:0 auto; padding:0; background-image:url(http://www.carlislefsp.com/images/pagenavfull_bg.gif); background-repeat:repeat-x; }
#sitenav ul { height:34px; margin: 0 0 0 260px; padding:0; list-style:none;}
#sitenav ul li { margin:0; padding:0; float:left; width:112px; height:34px; list-style:none;display:inline;background-image:url(http://www.carlislefsp.com/images/pagenav_bg.gif); background-repeat:repeat-x;}
#sitenav ul li a {width: 112px; height:34px; display: block; padding: 10px 0px 0px 0px; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; text-align:center; text-decoration: none; background: url(http://www.carlislefsp.com/images/pagenav_bg.gif) repeat-x;}
#sitenav ul li a:hover{ color:#0099ff;}
#sitenav img {padding:0; margin:0;}

#top .logo {float:left;}
#top .mwe { margin-top:15px; margin-left:100px;}

/* - Left Navigation - */
#left_navbar { float:left; width:148px; _width:155px; padding-left:5px; padding-right:5px; border-right: 2px solid #0099ff; line-height:18px; text-align:left;}
#left_navbar a { color: #000; font-weight: bold; text-decoration: none; line-height:18px;}
#left_navbar a:visited { color: #000; font-weight: bold; text-decoration: none;}
#left_navbar a:hover { color: #0099ff; font-weight: bold; text-decoration: underline;}

#left_navbar ul { list-style:none; width:147px; margin:0; padding:0px; border:1px solid #ccc;}
#left_navbar ul li{ font-size:11px; list-style:none; padding:2px; margin-bottom:15px; line-height:normal;}

/*Global Blue Boxes*/
.box { clear:both; display:block ; margin:0 auto 30px auto; padding-bottom:5px; width:760px; _width:100%; height:auto; border:1px solid #0099ff; text-align:center; font-size:0.9em;}
.boxs{ margin:0 0 0 5px; width:200px; padding:2px; border:1px solid #e2e2e2; font-size:0.9em;}
.boxs2{ margin:0 0 0 5px; width:200px; padding:2px; font-size:0.9em; /*background-image:url(http://cdn.labpixies.com/images/gadget_page/gadget_preview_bottom.png); background-position:bottom; background-repeat:no-repeat;*/}



ul li.box { padding:3px; list-style:none; display:inline-block; text-align:left; font-size:0.9em;}
ul li.box a{}
ul li.box span { font-weight:bold;}

/* add to .box for top fade -- background-image:url(http://www.carlislefsp.com/images/boxs_bg.jpg); background-repeat:no-repeat;*/

ul li.box li.boxs{ list-style:none; float:left;}
ul li.box li.boxs2 {list-style:none; float:left;}

ul li.box li.boxs a{ font-size:1em;}
ul li.box li.boxs span{ padding:2px; background-color:#0099FF; color:#FFF; display:block; font-weight:bold; font-size:0.9em; text-transform:uppercase; }
ul li.box li.boxs2 span{ padding:2px; background-color:#0099FF; color:#FFF; display:block; font-weight:bold; font-size:0.9em; text-transform:uppercase; }


/* - TESTING CODE - 
#outline2 { margin: 0 auto; padding:0; width:960px; font-family: "Arial", "Lucida Sans Unicode", "sans-serif"; font-size:12px; border:1px solid #000; background-color:#fff;}
.vspace {margin-bottom:50px; clear:both;}
*/



/*FSP Embedd - See Blog Admin for embedded css*/
.blog_embedded { float:right; width:280px; height:200px;  margin:0 0 3px 0; line-height:normal;}
.blog_embedded .blogheading {display:block; border-bottom:1px solid #0099ff; margin-top:1px; text-align:left; font-size:14px; color: #0099ff; font-weight: bold;}
.blog_embedded .entry {font-family: verdana, arial, helvetica, sans-serif; font-size:10px; color: #333; text-align:left; }

.blog_embedded .title { display:block; width:auto; margin:5px 0; padding:2px; border-bottom:none; background-color:transparent; color: #0099FF; font-size:10px; font-weight: bold; text-transform:uppercase; text-align:left;}
.blog_embedded .title:before { content:" - "; } /*Blank in IE only*/

.blog_embedded .summary{ display:none; font-size:10px;}
.blog_embedded  img { width:50px; height:50px; float:left;} /*add display:none if showing summary and dont want to show imgs*/

.blog_embedded .title a:link { background-color: transparent; text-decoration: none; color: #0099ff; }
.blog_embedded .title a:hover { background-color: #ccc; text-decoration: underline; color: #000; }
.blog_embedded .title a:visited { background-color: transparent; text-decoration: underline; color: #0099ff; }

.blog_embedded .summary a:link { background-color: transparent; text-decoration: none; color: #0099FF; }
.blog_embedded .summary a:hover { background-color: transparent; text-decoration: none; color: #000; }
.blog_embedded .summary a:visited { background-color: transparent; text-decoration: none; color: #0099FF; }


/*Catalog Index img*/
.company_catalogs { clear:both; width:700px; margin-left:auto; margin-right:auto;}
.company_catalogs { display:block; }
.company_catalogs li { float:left; display:inline; list-style:none; margin:0px; padding:20px 0px 20px 20px;}

/*Catalog img*/
#catalog_list { width:auto; margin-left:auto; margin-right:auto;}


/*Product PDF List*/
.catalog_image {float:left; padding: 0px; margin: 0 5px 5px 0; width:350px;}

dl#catalog_pdf_list { float:left; padding: 0.5em; width:300px; } 
#catalog_pdf_list dt {border:1px solid #fff; float: left; clear: left; width: 20px; _width: 20px; height:20px;} 
#catalog_pdf_list dd {border:1px solid #fff; margin: 0 0 0 30px; padding: 0 0 0.5em 0; width:200px; }

#main_global ul.cattext {list-style: none; width:365px; display:block; float:left; margin:3px;}
#main_global ul.cattext li  {float:left; width:350px; clear:both; display:block; padding:5px; font-size:12px;}
#main_global ul.cattext li img{margin:3px;}
#main_global ul.cattext li span{font-size:12px; text-transform:uppercase; font-weight:bold; clear:both;}

/*Site Files Table*/
table {font-size: 0.9em; border: 0px; padding:2px; width:100%;}
table#file_list {border-collapse: separate; vertical-align: text-bottom;}
table#file_list td {border-bottom: 1px solid #e8e8e8;}
table#file_list tr#header {background-color: #e8e8e8;}
table#file_list p {color: #0099cc; font-weight: bold;}

/*This pertains to the Othersites_new.php Only*/
table#othersites{ background-color:#fff;}
table#othersites tr td{ border:1px solid #e4e4e4;}
.tblhdr{ background-color:#e4e4e4; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #0099FF; font-weight:bold; }
.tblcompany{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #000000; font-weight:bold; text-decoration:underline;}
.tbltxt{font-family: Arial, Helvetica, sans-serif; font-size:9px; color: #000000;}

/*This pertains to the Repemail.php Only*/
.repemailformTXT{font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.repemailHD {font-weight:bold; text-decoration:underline; text-transform:uppercase;}
.repemailSUBHD {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.repemailSUBHD2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#990000;}

/*text for info*/
.txtHDR{font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align: left; text-decoration:underline;}
.txt{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}


/*Careers Page*/
 #careers {margin:10px 0 25px 0; font-size:12px;}
 #careers h1 {font-size:1.5em; margin:5px auto;}
 #careers p {font-size: 0.9em; margin:0 auto 15px auto; width:750px; _margin:0 auto 0 105px;}
 
 #careers table#header { clear:both; margin:5px auto; margin-bottom:25px; width:750px;}
 #careers table#header thead {width:700px;}
 #careers table#header thead td { font-size:1em; font-weight:bold; text-transform:uppercase; text-decoration:underline; width:20%;}
 #careers table#header tbody {margin:5px auto; width:750px;}
 #careers table#header tbody td {border-bottom:1px solid #ccc; font-size:0.8em; margin:2px; padding:2px; text-align:left; width:20%;}

 #careers ul.note {list-style:none; margin-left:105px; }
 #careers ul.note li{ font-style:italic;}
 #careers ul.note h2{font-weight:bold; text-align:left; line-height:.9em;}

 #careers ul.app { list-style:none; margin-left:105px; margin-bottom:5px;}
 #careers ul.app li img{float:left; display:inline; padding-right:5px;}
 #careers ul.app h2 {font-weight:bold; text-align:left;}

 #careers ul.addresses { list-style:inside; margin:25px 0 55px 105px; font-size:11px; }
 #careers ul.addresses li{ clear:both; float:left; margin-bottom:3px; line-height:1.3em; width:auto;} 
 #careers ul.addresses h2 {clear:both; font-weight:bold; margin:5px 0; text-align:left;}
