/* S3 Front Page CSS Document */

#frontPageUpdate{float:left;margin-left:-12px;margin-top:-10px;
color:red;width:665px;}

body{background:#0072c6 url(../images/layout/bg.gif) left top repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:76%;}

/*New Services Page Layout Test*/
.services2{float:left;position:relative;width:100%;/*border:thin skyblue dotted;*/background:#transparent;margin-top:25px;}
.services2-left{float:left;width:200px;margin:0 0 0 -195px;/*border:thin red dotted;*/background:#transparent;}
.services2-block{float:right;width:730px;position:relative;text-align:justify;margin:0 0 0 0;/*border:thin red dotted;*/background:transparent;}
.services2-block-text{float:left;width:645px;position:relative;text-align:justify;margin:0 10px 0 0;/*border:thin black dotted;*/background:transparent;}

.services2-lowermenu-head{font-size:.85em;line-height:1em;font-weight:bold;color:#333333;}
.services2-lowermenu-mi{font-size:.85em;line-height:1.5em;}

.services2-block-IS{float:right;height:246px;width:257px;background-image:url(../images/costcircles.gif);background-repeat:no-repeat;
margin-right:10px;/*border:thin black dotted;*/}
/*.services2-block-TSP{float:right;height:246px;width:257px;background-image:url(../images/costcircles.gif);background-repeat:no-repeat;*/
/*margin-right:10px;border:thin black dotted;}*/
.services2-block-DTF{float:right;height:502px;width:257px;background-image:url(../images/layout/demotest.gif);background-repeat:no-repeat;
margin-right:10px;/*border:thin black dotted;*/}
/*.services2-block-DSU{float:right;height:246px;width:257px;background-image:url(../images/costcircles.gif);background-repeat:no-repeat;*/
/*margin-right:10px;border:thin black dotted;}*/

.desc2{ color:white;display:block;text-align:justify;padding-left:.5em;}

/*11*/
ul.toc { margin: 10px 12px; padding-left: 0; }

ul.toc a:link, 
ul.toc a:visited{display:block;text-decoration:none;padding:5px 8px;}
ul.toc a:hover,

/*ul.toc a:active{background-color:dimgray; border: 1px solid dimgray;padding:4px 7px;}*/
ul.toc a:active{background-color:#e5f1f9;border:1px solid #7fb8e2;padding:4px 7px;}

ul.toc li { background-image: none; margin: 0; padding: 0; }
ul.toc li.nolink { padding: 5px 8px; }

ul.toc .title { display: block; font-size: 1.1em; font-weight: bold; }
ul.toc .desc { color: #000; display: block; padding-left: 3em; }
ul.toc .title2 { display: block; font-size: 1.1em; font-weight: bold; }
ul.toc .desc2 { color:white; display: block; text-align:justify;padding-left:.5em; }
/*11 END*/


h1, h2, h3, h4, h5, h6, p, ol, ul, 
dl { font-size: .9em; line-height: 1.6em; margin: 0 20px 1em 20px; }
h1 { color: #0072c6; display: inline; font-family: Lucida Grande, Lucida Sans, san-serif; font-size: 24px; font-weight: normal; line-height: 1.1em; letter-spacing: -1px; margin-top: 5px; margin-bottom: 10px; }

#front h1{margin:0px 10px 0px 30px;/*border:thin red dotted;*/}
h2 {border-bottom: 1px dotted #7fb8e2; clear: both; color: #0072c6; font-size: 1.1em; font-weight: bold; letter-spacing: 1px; line-height: 1.1em; margin-bottom: .5em; margin-top: 1.5em; text-transform: uppercase; }
h3 { color: #e4b217; font-size: 1.1em; margin-bottom: 0; }
h4 {color: #666; font-size: 1em; margin-bottom: 0; }
/*Site Search Font*/
h5{font-size:.75em;color:#ffffff;margin:0px 0px 0px 0px;}
h6{ color: #999; margin-bottom: 0; }

/* SEARCH */
.searchInput {background-color: #e5f1f9; border-right: 1px solid #7fb8e2; border-left: 1px solid #7fb8e2; margin: 10px 40px; padding: 10px; text-align: center; }
.searchInput p {margin: 0; }
.searchInput input.text {width:350px; }

/* FRONT PAGE STYLES */
#rightside dl { margin: 0 10px 1em 10px; }
#rightside h3 { color:black; margin-bottom: .2em; }
#rightside h4 { color: #0072c6; line-height: 1.1em; margin-bottom: .2em; }
#rightside ul { padding-left: 5px; padding-right: 0; }
#rightside li { list-style-type: none; padding-left: 15px; padding-right: 0; }
#frontAboutUs p { color:black; margin: 0 15px .5em 15px; }
#frontAboutUs img { padding-bottom: 0; }
/*News Item Title Latest News from ETCO*/
#newsItemListing {border-top:1px solid #7fb8e2;margin: 0px 0px 0px 35px;padding:0;/*border:red thin dotted;*/}
/*News item paragraph*/
#newsItemListing .newsItem {display:block;border-bottom: 1px solid #7fb8e2;margin:0;padding:8px 10px;}
#newsItemListing .newsItem:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
#newsItemListing .alt { background-color: #e5f1f9; float: none; }
#newsItemListing img { display: inline; float: left; margin-right: 15px; }
#newsItemListing p, #newsItemListing h4 { margin: 0; padding: 0; }
#newsItemListing h4 { color: #0072c6; }

#rightside h2,
#rightside h3,
#rightside h4,
#rightside h5,
#rightside h6,
#rightside p,
#rightside ol,
#rightside ul, 

#sidebar dl { color: black; margin: 0 0 5px 0; }
#sidebar li { list-style-type: none; }
#sidebar h3 { margin: 0; padding: 0 0 5px 0; }
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar p, #sidebar ol, #sidebar ul, 


blockquote { background-color: #e5f1f9; border: 1px solid #7fb8e2; margin: 10px 40px; padding: 5px 10px; }
blockquote p { margin: 5px 0; }
dt { font-weight: bold; color: #0072c6; }
dd { padding-left: 20px; margin-bottom: 1em; }
dd h6 { font-size: 1em; margin-left: 0; margin-right: 0; }
ul { list-style-type: none; padding-left: 20px; }
ul li { background: url(../images/layout/bullet.gif) 2px 6px no-repeat; padding-left: 20px; }
ol { list-style-type: decimal; padding-left: 40px; }
ol ol { font-size: 1em; list-style-type: lower-alpha; padding-left: 20px; }
ol li { margin-bottom: .5em; }
ol ul { font-size: 1em; }
acronym { border-bottom: 1px dotted #7fb8e2; }

code { font-size: 1.2em; }
sup { font-size: 7px; }
dd p, dd ul, dd h3, dd h4, dd h5, 
ul ul, ol ol, ul ol,
kbd, 

a:link, 
a:visited { color: #0072c6; }
a:hover, 
a:active { color: #333; }
h2 a:link, 
h2 a:visited, 
h2 a:hover, 
h2 a:active { text-decoration: none; }
#footer a:hover, 
#footer a:active { color: #999; }
#frontAboutUs a:link{color:blue;}
#frontAboutUs a:visited{color:purple;}
#frontAboutUs a:hover, #frontAboutUs a:active { color:orange; }
.pagination a:link,
.pagination a:visited { background-color: #e5f1f9; border: 1px solid #7fb8e2; padding: 1px 3px; text-decoration: none; }
.pagination a:hover,
.pagination a:active { background-color: #ddd; border: 1px solid #666; }
.sidearea a:link{color:blue; }
.sidearea a:visited{color:purple;}
.sidearea a:hover,
.sidearea a:active { background-color: #ddd; }
#search a:link,
#search a:visited { color: #fff; }
#search a:hover,
#search a:active { background-color: transparent; color: #ddd; }

p img, 
li img, 
h3 img,
h4 img, 
dd img { vertical-align: middle; }
a img { border: 0; }
div.image,  
img.image { display: inline; float: right; margin: 5px 20px 5px 10px; }
div.image.alt, 
img.image.alt { display: inline; float: left; margin: 5px 10px 5px 20px; }
blockquote img.image { background-color: #fff; border: 1px solid #7fb8e2; margin: 5px 0 5px 5px; padding: 1px; }
blockquote img.image.alt { margin: 5px 0px 5px 0; }
.center { text-align: center; }
.center div.image { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: none; margin: 10px auto; padding: 3px 0; text-align: left; }
#rightside img.image { border: 1px solid #666; background: #fff; display: inline; float: right; margin: 2px 10px 4px 10px; padding: 2px; }
#rightside img.image.alt { float: left; }


.hr { clear: both; border-bottom: 1px dotted #7fb8e2; margin: 10px 25%; padding: 0; }
.hr hr { display: none; }

/* FORMS */
fieldset { border: 1px solid #ddd; margin: 10px 20px; padding: 10px; }
legend { background-color: #fff; padding: 0 10px; font-weight: bold; color: #e4b217; }
fieldset p, 
fieldset ul, 
fieldset ol { margin: 0; }
fieldset table { width: 480px; margin: 10px; }
input, 
button { vertical-align: middle; }
input.text, 
select, 
textarea { border: 1px solid #bbb; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 0; width: 58%; }
textarea { height: 5em; }
input.text:focus, 
select:focus,
textarea:focus { border: 1px solid #0072c6; color: #000; }
input.text.inline, 
select.inline, 
textarea.inline { width: auto; }
td input.text, 
td select, 
td textarea { padding: 2px 0; width: 95%; }
.formSubmit { clear: both; text-align: right; margin: 10px 20px; }
.formSubmitAlt { float: left; }
#sidebar .formSubmit { text-align: right; margin: 0; }

/* TABLES */
table { border-collapse: collapse; clear: both; margin: 0 15px 10px 20px; width: 530px; }
table caption { background-color: #0072c6; color: #fff; text-align: center; font-weight: bold; font-size: 1em; margin: 10px 15px 0 20px; padding: 5px 0; width: 530px; }
table td, 
table th { background-color: #eee; border: 1px solid #fff; font-size: .9em; margin: 0; padding: 4px; text-align: left; vertical-align: middle; }
table table td,
table table th { font-size: 1em; }
table th { font-weight: bold; text-align: right; }
table thead th { background-color: #333; color: #fff; text-align: center; padding: 4px; }
table tfoot td { background-color: #ccc; padding: 4px; }
table th a:link,
table th a:visited { color: #fff; text-decoration: underline; }
table th a:hover, 
table th a:active { color: #fff; text-decoration: none; }
table .alt td { background-color: #fff; }
table td.data, 
table th.data, 
table.datachart td { text-align: right; }
table.datachart th, 
table.datachart td { padding: 2px; }
table.layout { margin: 10px 0; width: 100%; }
table.layout table { margin: 0; width: 100%; }
table.layout td, 
table.layout th { background-color: #fff; vertical-align: top; }

/* OTHER STYLES */
.adminOptions { text-align: right; margin-bottom: 1em; }
.adminOptions p { margin-bottom: 0; margin-top: 0; }
.adminOptions a { background-color: #ff0; color: #000 !important; padding: 2px; }
.alert { background-color: #ffc; border: 1px solid #ff0; font-weight: bold; padding: 10px; margin: 10px 30px; }
.alert h4 { color: #c00; margin: 0; }
.alert p { color: #333; margin: 0; }
.button { vertical-align: top; }
.calendar table { width: auto; margin: 0; }
.caption { margin: 0; padding: 0; color: #666; }
.credit { color: #666; font-style: italic; padding-left: 100px; }
ul.checkboxes { padding-left: 0; }
ul.checkboxes li { background-image: none; padding-left: 18px; text-indent: -18px; line-height: 1.2em; padding-bottom: .6em; }
.column { display: inline; float: left; width: 48%; margin-right: 1%; }
.contact { clear: both;}
.contact p { padding-left: 15px; }
.date { font-style: italic; color: #666; }
dl.form dt, 
dl.graph dt { clear:both; float:left; font-weight: bold; margin: 0; padding: 0; width:29%; text-align: right; }
dl.form dd, 
dl.graph dd { margin: 0 0 0 31%; padding: 0 0 5px 0; }
dl.form.long dt { float: none; text-align: left; width: 100%; }
dl.form.long dd { margin: 0; }
dl.form:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
dl.graph .bar { background: #333 url(../images/layout/chart_bg.gif) left top no-repeat; height: 20px; width: 350px; }
dl.graph .barData { background: #c00 url(../images/layout/chart_bar.gif) left top no-repeat; color: #fff; display: block; font-size: 10px; font-weight: bold; line-height: 20px; height: 20px; text-align: center; width: 20px; }
.itemDescription { font-size: .9em; line-height: 1.6em; margin: 0 20px 1em 20px; }
.itemDescription h1, 
.itemDescription h2, 
.itemDescription h3, 
.itemDescription h4, 
.itemDescription h5, 
.itemDescription h6, 
.itemDescription p, 
.itemDescription ol, 
.itemDescription ul, 
.itemDescription dl { font-size: 1em; margin-left: 0; margin-right: 0; }
.itemImage { float: right; margin: 10px 20px 10px 10px; }
.more { text-align: right; }
.more a { background: url(../images/layout/more.gif) right 50% no-repeat; padding-right: 10px; }
.newsItem { position: relative; }
.newsItem .editOptions { position: absolute; top:5px; right: 20px; }
.newsItem p { padding-left: 20px; }
.note { font-style: italic; color: #666; }
.originalPrice { color: #c00; text-decoration: line-through; }
.pagination { text-align: right; }
.pdgPagination { height: 40px; margin: 0 20px; }
.pdgPagination .back { float: left; padding: 10px 0; }
.pdgPagination .forward { float: right; padding: 10px 0; }
.price { font-weight:bold; }

ol.productListing { margin: 0; padding: 0; }
ol.productListing li { clear: both; list-style-type: none; margin: 0 20px; padding: 0 0 15px 0; }
ol.productListing li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ol.productListing li img { float: left; margin-top: 5px; }
ol.productListing li p, 
ol.productListing li h3 { display: inline; float: right; margin: 0; padding: 0; width: 435px; }
.required { color: #f00; }
ol.searchResults { margin: 0 20px 0 30px; padding: 0 0 0 10px; }
ol.searchResults li { clear: both; margin: 0 0 1em 0; padding: 0; }
ol.searchResults li p, 
ol.searchResults li h3 { margin: 0; padding: 0; }
.surveyQuestion .question { font-weight: bold; }
.surveyQuestion .questionNumber { display: block; float: left; font-weight: normal; padding-right: 5px; text-align: right; width: 25px; }
.surveyQuestion .answer { padding: 5px 5px 5px 30px;}
ul.surveyQuestions { margin: 0; padding: 0; }
ul.surveyQuestions li { background-image: none; margin: 0 0 1em 0; padding: 0 0 0 50px; position: relative; }
ul.surveyQuestions .fieldControl { position: absolute; left: 0; top: 0; }
ul.surveyQuestions h3,
ul.surveyQuestions h4,
ul.surveyQuestions h5, 
ul.surveyQuestions p { font-size: 1em; margin: 0; padding: 0; }
dl.thumbnails { clear: both; margin: 0 20px; padding-bottom: 2em; }
dl.thumbnails dt { color: #e4b217; float: right; width:370px; margin: 0; padding: 0; }
dl.thumbnails dd { float: right; margin: 0; padding: 0 0 5px 0; width: 370px; }
dl.thumbnails dd.image { display: inline; float: left; width: 130px; margin-left: 25px; }
dl.thumbnails:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
dl.timeline dt { border-top: 1px dotted #ccc; clear: both; display: block; float: left; padding: 10px 0 0 0; width: 100px; }
dl.timeline dd { border-top: 1px dotted #ccc; margin: 0 0 0 100px; padding: 10px 5px; }
dl.timeline dd h4, 
dl.timeline dd p { margin: 0; padding: 0; }



.subCategories { border: 1px solid #666; margin: 0 20px; }
.subCategories h3 { background: #0056b2 url(../images/layout/blue_hdr_bg.gif) top left repeat-x; border-bottom: 1px solid #666; margin: 0; color: #fff; padding: 4px 10px; }
.subCategories ul.toc { margin: 0; }
.subCategories ul.toc a:link, 
.subCategories ul.toc a:visited { background-color: #f2f2f2; border-top: 1px solid #fff; border-right: none; border-bottom: 1px solid #b3b3b3; border-left: none; padding: 4px 10px; }
.subCategories ul.toc a:hover,
.subCategories ul.toc a:active { background-color: #fff; border-top: 1px solid #fff; border-right: none; border-bottom: 1px solid #b3b3b3; border-left: none; padding: 4px 10px; }
.subCategories ul.toc li {  }
.subCategories ul.toc .title {  }
.subCategories ul.toc .desc {  }

/* CATALOG STYLES */
#catalogHeader h2 { display: none; }
#catalogWhatsNew h2, 
#catalogWhatsNew h3, 
#catalogWhatsNew h4, 
#catalogWhatsNew h5, 
#catalogWhatsNew h6, 
#catalogWhatsNew p, 
#catalogWhatsNew ol, 
#catalogWhatsNew ul, 
#catalogWhatsNew dl { margin-left: 0; }
#catalogFeatured h2, 
#catalogFeatured h3, 
#catalogFeatured h4, 
#catalogFeatured h5, 
#catalogFeatured h6, 
#catalogFeatured p, 
#catalogFeatured ol, 
#catalogFeatured ul, 
#catalogFeatured dl { margin-right: 0; }

table.webdb {
	margin: 20px;
	width: 710px;
}