body { 
background-color: #f9f9f7;  margin: 0;  padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size : x-small; /* for IE5/Win */
voice-family : "\"}\"";
voice-family : inherit;
font-size : small; /* for compliant browers */
}

html>body { /* be nice to Opera */
font-size: small;
}

.clearboth { clear: both; }
img { display : block; border : 0; }
h4 { color: #066; font-size:110%; height: 25px; margin-top: 0; margin-bottom: 0; }
h5 { font-size:105%; padding-top:10px;}
h6 { font-size:98%; padding-bottom:0px;margin-bottom:0px;}
p {text-align: justify; font-size:95%; line-height:110%; font-family:"Lucida Sans Unicode", "Lucida Grande", LucidaGrande,"Lucida Sans",lucida-sans,sans-serif;}
a:link, a:visited, a:active, a:hover { text-decoration: none;}
blockquote { color:#333; font-style: italic; font-size:120%; font-weight: bold; }
select {font-size:90%;}



/* logo */
#logo_area {
width: 186px; height:107px; vertical-align: top; border-right: 1px solid #066; }
#logo {
background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_logo_clearspan.jpg); background-repeat: no-repeat; height: 70px; }
#slogan {
background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_logo_fabric_structures.gif); background-repeat: no-repeat; height: 37px; }
#logo_area h1, #logo_area h2{ margin:0;padding:0; }
ul { font-size:85%; list-style-image : url(/wcsstore/EngineeringServices/ClearSpan/design/images/bullet_shark.gif); margin : 5px 0 5px 5px; padding-left: 15px; }

/* header */
#header { width: 595px; height: 107px; vertical-align: top; }
#header_slogan {
background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_header_slogan.jpg); background-repeat: no-repeat; height: 26px; 
text-align: right; padding-right:5px; font-size:95%; }
#header_tabs { color:#066; background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_header_tabs.jpg); background-repeat: no-repeat; height: 30px; text-align: right; font-weight:800; padding-right:5px; font-size:80%; }
#header_tabs a:link, #header_tabs a:visited, #header_tabs a:active { color: #066;}
#header_tabs a:hover { color: #033;}


/* Side_bar */
#side_bar { background-color: #fcfcfb; vertical-align: top; width : 186px; border-right : 1px solid #ccc; font-family:"Lucida Sans Unicode", "Lucida Grande", LucidaGrande,"Lucida Sans",lucida-sans,sans-serif;}
.sections_top
{ font-family:arial,sans-serif; font-size : 110%; color: #066; font-weight: bold; text-transform : uppercase; background-color: #eee; width: 166px; height: 27px; padding-left: 10px; border-left: 10px solid #f60; }
.sections 
{ font-family:arial,sans-serif; font-size : 110%; color: #066; font-weight: bold; text-transform : uppercase; background-color: #eee; width: 166px; height: 25px; padding-top: 9px; padding-left: 10px; border-left: 10px solid #f60; }
#side_bar a, #side_bar a:visited, #side_bar a:active { color: #000; text-decoration: none;}
#side_bar a:hover { color: #066; }
#contact_list { list-style : none; list-style-image: none; font-family:"Lucida Sans Unicode", "Lucida Grande", LucidaGrande,"Lucida Sans",lucida-sans,sans-serif;}
#contact_list a:link, #contact_list a:visited, #contact_list a:active { color: #000; }
#contact_list a:hover { color: #066;}


/* Content */
#content { background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_content_bgd.gif); background-repeat: repeat-y; width: 595px; vertical-align: top; }
#content_area {  padding:10px; width:560px; }
#content h3 { font-size:90%; text-align: justify; line-height:120%; font-weight: normal; margin-bottom:10px;}


/* Content Category */
#content_category_main {padding-bottom:10px;}
.content_category { color: #000; width:260px; vertical-align: top;}
.content_category h4 { color:#333; margin-bottom:-5px;padding-top:5px;}
.content_category img {border:1px solid #ddd; padding:5px;}
.content_category_details { width:265px; font-size:95%; line-height:110%; padding:0px; text-align: justify; background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_category_bgd.gif); background-repeat: repeat-x; background-position: 0 bottom; }


/* Content About and 1,000 Uses */
#content_about_uses { border-bottom:1px solid #ccc; width:100%; vertical-align:top; }

.content_about { padding-right:15px;}
.content_about h4 { font-size: 105%; color:#066; margin-top:0;}
.content_about p { margin-top:0;}

.content_uses { width:170px; border-left:1px solid #ccc;  }
.content_uses h4 { color:#066; padding-left:10px; margin-top:0;}
.content_uses ul { color: #000;}
.content_uses a:link, .content_uses a:visited, .content_uses a:active { color: #000; padding-left:5px;}
.content_uses a:hover { color: #066; }


/* Content Services */
#content_services { border-bottom:1px solid #ccc; width:100%; padding-bottom:15px;}
#content_services p { margin-top:0;}
#content_services h4 { color:#c30; margin-top:0;}
.content_services_buttons {padding-left: 5px; text-align:center;font-size:80%; font-weight: 700}
.content_services_buttons a, .content_uses a:visited, .content_uses a:active {color: #c30;}
.content_services_buttons a:hover { color: #a10;}


/* Content Partners */
.content_partners {width:100%;}
.content_partners h4 {color:#066; margin-top:0;}
.content_partners p {margin-top:0; width:540px;}
.content_partners_buttons { font-size:82%; text-align: justify; line-height:105%; vertical-align: top; padding-right: 10px; margin-right:10px; }
.seo { width:150px;padding-top: 0;}
.content_partners ul {font-size:100%; margin-left:0;}
.content_partners a:link, .content_partners a:visited, .content_partners a:active { color: #c30; font-weight: bold; }
.content_partners a:hover { color: #a10;}


/* Footer */
#footer {  width : 772px; height : 77px; border-top : 1px solid #366; padding : 5px; text-align : center; color : #066; font-size : 85%; font-weight: bold; line-height: 115%; background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_footer_bgd.gif); background-repeat: repeat-x; }
#footer a:link, #footer a:visited,  #footer a:active { color: #066;}
#footer a:hover { color: #099; } 


/* Background */
#background { background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_right_bgd.gif); background-repeat: repeat-y; width: 158px; }


/* Pages  */
div.popup_pages { float: left;padding-top: 4px; padding-left:10px;}
div.caption_left { float: left;padding-top: 4px; }
div.caption_right { float: right;padding-top: 4px; padding-left:10px;}
img.caption { border:1px solid #ddd; padding:5px; }
.caption_text { text-align:center; color: #c30; font-weight:700;font-size:85%; }
.pages p {text-align: justify; font-size:90%; line-height:140%;}
.pages a:link, .pages a:visited, .pages a:active { color: #066; text-decoration: underline; }
.pages a:hover {color: #033; }
dl { margin: 0; padding:5px; background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_category_bgd.gif); background-repeat: repeat-x; background-position: 0 bottom; }
dt { color:#066; font-weight:bold;text-align:center;}
dd { margin-left:5px; padding-left:15px; font-size:90%; color:#066; background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/bullet_shark_orange.gif); background-repeat: no-repeat; background-position: left 4px; }
dd a,a:link {text-decoration: none; color:#066; line-height:115%;}
.right-side { width:250px; float:right;margin-left:0;padding-right:5px;}
.left-side { width:250px; float:left; margin-left:0;padding-left:10px;}
.row { width:540px; padding-top: 10px; }
.uses_category { background-color: #fff; border:solid 2px #099; padding:2px; margin:5px 0; }


/* Testimonial list  */
.testimonial_list {font-size:90%;border-bottom:1px solid #9cc;}
td.testimonial_list_header {background-color: #6cc; border-bottom:1px solid #ddd;color:#fff;}
td.testimonial_list {}
td.testimonial_alt {background-color: #efefef;font-size:95%;border-bottom:1px solid #9cc;}
.testimonial_info { font-size:95%; color:#066;}
.testimonial_nav { background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/design_category_bgd.gif); background-repeat: repeat-x; background-position: 0 bottom; height:40px; font-size:85%; }


/* Applications */
.app_links a:link, .app_links a:visited, .app_links a:active { font-size:85%; color:#066; font-weight: 700; background-image: url(/wcsstore/EngineeringServices/ClearSpan/design/images/applications_links_bgd.gif); background-repeat: repeat-x; padding:2px 5px; text-decoration:none; border: solid 1px #a6d6d6; }
.app_links a:hover { color: #033; border: solid 1px #699;}


/* Contact Form */
div.form-container {  }
p.legend { margin-bottom: 1em; }
p.legend em { color: #c00; font-style: normal; }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #ffc; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.form-container input.text {border:1px solid #099;}
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 85%; color: #333; }
div.form-container form fieldset { font-size: 85%; margin: 10px 0; padding: 10px; border: solid 1px #ddd; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #c00; }
div.form-container input.error { background-color: #fef; border: solid 1px #c00; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus { background-color: #f2fbfb; border: solid 1px #066; }
div.form-container select.error { background-color: #fef; border: solid 1px #c00; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }


/* Site Map */
.site_map ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; }
.site_map dt { text-align:left; background-color:#eee; padding:5px; text-decoration: none;}
.site_map dl { background-image:none;}
.site_map a:link {text-decoration: none;}
.site_map a:visited, a:active, a:hover {text-decoration: none;}


/* Light Box */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/wcsstore/EngineeringServices/ClearSpan/design/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/wcsstore/EngineeringServices/ClearSpan/design/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #033; }
#loadingLink img { display: inline; } 

.CookieTrail { font-size:80%; }