/* resets/fonts/globals *//*{{{*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;line-height:1.22em;}

table{border-collapse:collapse;border-spacing:0;border-color: #222}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* fonts */

/*/*/a{}
body, body div, body p, body th, body td, body li, body dd {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
    font-size: small;
}
/* attempts at font-family happiness */
body {
	font-family: helvetica,arial,"Lucida Sans",sans-serif;
}
h1,h2,h3,h4,h5,h6,form,fieldset,input,select,textarea{
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
div, p, dt, dd, li, p, th, td, blockquote {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", "Myriad Web Pro", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; */
}
td#leftW, td#leftW li {
	font-family: helvetica,arial,"Lucida Sans",sans-serif;
}
/* / */

table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,"nimbus sans",clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}

/* base */
.clear:after { /* clear both */
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
  clear: both;
}
* html .clear {height: 1%;}

a.imap { /* hidden link text w graphic as BG of parent */
  display: block;
  width: 100%;
  height: 11px;
  /* border: 1px solid green; */
}
a.imap span { display: none; } /* for link text to be hidden */

a, a:visited, a:link, a:active {
   color: #036;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #147;
   text-decoration: underline;
}

ul {
    list-style: disc url(/gfx/bull2.gif) inside;
}
ol {
    list-style-position: inside;
}



dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1em;
    line-height: 150%;
    margin-left: 5%;
}




dl.tabledisplay {
    margin: 1em 0;
    padding: 0;
}
dl.tabledisplay dt {
    float:left;
    font-weight:bold;
    margin: 0;
    padding: 0.7em 1%;
    width: 32%;
    border-top:1px solid #ccc;
}
dl.tabledisplay dd {
    float:left;
    margin: 0;
    padding: 0.7em 1%;
    width: 64%;
    border-top:1px solid #ccc;
}
dl.tabledisplay dd.top, dl.tabledisplay dt.top {
    border: 0;
    padding-top: 0;
}
dl span.note {
    font-size: 90%;
    line-height: 135%;
    display: block;
}
dd ul {
    list-style: square outside none;
    padding-left: 1em;
    margin-left: 1em;
    padding-top: 0.2em;
}
dd li {
    text-indent: 0;
    padding-bottom: 0.2em;
}
caption {
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    margin: 0 auto;
}

/* base */
body {
	background-color: #fff;
	color: #111;
    min-width: 700px;
}


table td {
	vertical-align: top;
}

a.bgh { /* hidden link text w graphic as BG of parent */
    display: block;
    height: 1em;
}
a.bgh span { display: none; } /* for link text to be hidden */

p,ul,ol {
    margin: 0 0 1em 0;
    line-height: 135%;
}

div.toplink {
    text-align: right;
    font-size: 0.9em; 
    clear: both;
    margin: 0.5em 0 1.5em 0;
    }
div.toplink a {
    color: #003366; 
}
div.toplink a:hover {
    text-decoration: none;
}

/*}}}*/


div.userIndicator {
    font-weight: bold;
    background: inherit;
    border: 0;
    color: inherit;
}
div.userError, div.userNotice {
    border: 2px solid #003767;
    background: #fdf8f5;
    padding: 0.3em 0.5em 0.5em;
    margin: 0.8em 0;
    font-weight: normal;
	color: #003767;
}
div.userError span.exclaim, div.userNotice span.exclaim {
    color: #f33;
    font-size: 2.1em;
    font-weight: bold;
    line-height: 0.8em;
    font-family: Georgia,Times,"Times New Roman",serif;
}
span.userStockWarnIcon {
    font-size: 1.4em;
}
span.exclaim {
    float: left;
    padding: 0 0.4em 0 0;
}
div.userNotice span.exclaim {
    color: #369;
}


/* top nav *//*{{{*/
h1#logo {
    float: left;
    width: 92px;
    height: 58px;
    background: url(/gfx/tops/head.png);
    padding: 0;
    margin: 0;
    border: 0;
}
h1#logo a {
    height: 58px;
}
#nav1 {
    height: 58px;
    background: transparent url(/gfx/tops/stub.gif) repeat-x 0 0;
}
#nav1 a {
    float: left;
    width: 102px;
    height: 22px;
    margin-top: 11px;
    background-position: left top;
}
#nav1 a span {
    display: none;
}
#nav1 a:hover {
    background-position: 102px top;
}
#nav1 a.sel:hover {
    background-position: 0 0;
}
#nav1 a#nav1_products {
    background-image: url(/gfx/nav/nav2.gif);
}
#nav1 a#nav1_products.sel {
    background-image: url(/gfx/nav/nav2_at.gif);
}
#nav1 a#nav1_about {
    background-image: url(/gfx/nav/nav1.gif);
}
#nav1 a#nav1_about.sel {
    background-image: url(/gfx/nav/nav1_at.gif);
}
#nav1 a#nav1_contact {
    background-image: url(/gfx/nav/nav5.gif);
}
#nav1 a#nav1_contact.sel {
    background-image: url(/gfx/nav/nav5_at.gif);
}
#nav1 a#nav1_technical {
    background-image: url(/gfx/nav/nav3.gif);
}
#nav1 a#nav1_technical.sel {
    background-image: url(/gfx/nav/nav3_at.gif);
}
#nav1 a#nav1_seminars {
    background-image: url(/gfx/nav/nav4.gif);
}
#nav1 a#nav1_seminars.sel {
    background-image: url(/gfx/nav/nav4_at.gif);
}
/*}}}*/


/* headings *//*{{{*/
h1 {
    display: block;
    border-bottom: 1px solid #036;
    color: #038;
    font-size: 150%;
    font-weight: bold;
    padding-left: 0.2em;
    margin-bottom: 0;
}
h2 {
    background: #036;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 3px;
    padding-bottom: 3px;
    margin-bottom: 0;
}
h2.udshdr {
    background: #fff;
    color: #444;
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 9px;
    padding-top: 4px;
}
h3, #seminarW h2 {
    clear: both;
    color: #036;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1.3em 0 0.3em 0;
    padding: 0;
    border-bottom: 1px solid #69c;
    background: transparent;
}
h3 a, h3 a:hover {
    text-decoration: none;
}
h4 {
    color: #036;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    margin-top: 1em;
    margin-bottom: 0;
}
h5 {
    margin-top: 1em;
    font-weight: bold;
}
#seminarW h1 {
    border: 0;
    background: transparent;
    color: #000;
    font-size: 120%;
    padding: 0 0 1em 0;
}
#seminarW h2 {
    /* margin-top: 2em; */
}
/*}}}*/


/* wrappers *//*{{{*/
#outWW {
    width: 606px;
}
table#outW {
    width: 100%;
}
td#rightW {
    padding-left: 13px;
}
/*}}}*/


/* left channel and SUBNAV *//*{{{*/
#leftW {
    width: 91px;
    background-color: #69c;
    border-right: 1px solid #036;
}
#leftNavLinks a {
    display: block;
    background: #9cf;
    color: #036;
    font-size: 10px;
    text-decoration: none;
    margin: 9px 0;
    padding: 0 4px;
    border: 1px solid #003;
    border-width: 1px 0;
    text-align: center;
    font-weight: bold;
}
#leftNavLinks span {
    font-size: 10px;
}
#leftNavLinks img {
    margin: 4px 0;
}


#subnav1 {
    width: 89px;
    list-style: none inside none;
    line-height: auto;
    padding: 0;
    margin: 13px 0 0 2px;
    padding-bottom: 9px;
}
#subnav1 li {
    text-align: right;
    padding: 0.5em 0;
    font-size: 100%;
}
#subnav1 li.sel {
    /* background: transparent url(/gfx/nav/sub_drop1.gif) no-repeat right bottom; */
}
#subnav1 li a {
    display: block;
    background-color: #69c;
    color: #21425a;
    padding-right: 3px;
}
#subnav1 li span {
    display: block;
    position: relative;
    left: 1px;
    background: #fff;
    font-weight: bold;
    color: #222;
    padding: 0.1em 2px 0.1em 1px;
    border: 1px solid #003;
    border-width: 1px 0 1px 1px;
}
/*}}}*/


.bottomnav {/*{{{*/
    font-size: 0.85em;
    text-align: center;
    border-top: 1px solid #eee;
    margin-top: 4em;
}
.bottomnav a {
    color: #003366;
    font-weight: normal;
}
.bottomnav a:visited {
    color: #336;
    font-weight: normal;
}
.bottomnav a:hover {
    color: #003399;
    text-decoration: none;
}
.bottomnav div {
    font-size: 1em;
    margin: 1em 0;
}
.bottomnav div.footnav a {
    text-decoration: underline;
}
/*}}}*/


/* various rules for Product *//*{{{*/
ul.productDrillMenu {
    padding-bottom: 1.5em;
}
ul.productDrillMenu li {
    font-weight: bold;
}

.copysmall {
    font-size: 0.9em;
}
.smallNote {
    font-size: 0.9em;
    padding-left: 2em;
}

.txtInset, .txtCallout {
    margin: 0.5em 0;
    border: 1px solid #036; 
    padding: 0.4em;
    background: #eee;
}
.txtCallout {
    float: none;
    margin: 1em 0 1em 0;
    width: auto;
    border-width: 2px;
    background: #eee url(/gfx/exclaim1.gif) no-repeat 5px 5px;
    padding-left: 40px;
}
.txtCallout h4 {
    margin: 0;
}
div.fdpCallout {
}

.txtInset h4 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

ul.prodFeature {
    margin-left: 1.5em;
    padding: 3px;
    list-style: square outside none;
}
.prodFeatName {
    border-bottom: #6fc 2px solid;
    background-color: #eee;
    margin: 0 0 3px 0;
    font-weight: bold;
    padding: 3px;
}

    
div.productDrawing {
    padding: 1em 0;
    text-align: center;
    margin-bottom: 1em;
}

table.encInfo {
    margin: 0 auto;
}
table.encInfo th {
    font-size: 90%;
    font-weight: bold;
    color: #555;
}
table.encInfo th, table.encInfo td {
    vertical-align: top;
    padding: 0 0.9em;
    border-bottom: 1px solid #ddd;
}
table.encInfo th.al, table.encInfo td.al {
    text-align: left;
}
table.encInfo th.ac, table.encInfo td.ac {
    text-align: center;
}


.imgcaption {
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    padding: 0 4em;
}


ul.simple {
    margin-left: 4em;
    list-style-image: url(/gfx/bull2.gif);
}

img.thickbox {
    /* float: left;
    margin: 1.4em; */
}


img.imgfocal {
    margin: 0.5em 10px 0.5em 0;
    float: left;
}
div.imgfocal {
    margin: 0.5em 0 0.5em 10px;
    float: right;
}
div.imgfocal img {
    display: block;
    clear: right;
    margin: 0 0 5px;
}
div.imgfocal a img {
    border: 1px solid #e0e0e0;
}
div.imgfocal a:hover {
    text-decoration: none;
}
div.imgfocal a:hover img {
    border: 1px solid #69c;
}
div.imgfocal div.caption {
    font-size: 90%;
    font-weight: normal;
    line-height: 110%;
    color: #333;
    text-align: left;
    padding: 0 0.2em 0.2em;
    background: #e0e0e0;
    margin: -5px 0 5px 0;
}


div.rightchannels {
    margin-right: 160px;
}

div.photogal {
    margin-top: 8px;
}
div.photogal div.pic {
    float: left;
    position: relative;
    margin: 0 25px 10px 0;
    width: 150px;
    height: 147px;
    overflow: hidden;
    text-align: center;
    background: #eee;
    padding-top: 3px;
}
div.photogal div.pic_right {
    margin-right: 0;
}
div.photogal div.caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 96%;
    padding: 0.3em 2%;
    font-size: 90%;
    line-height: 110%;
    background: #ddd;
    text-align: left;
}

ul.productDownload {
    list-style: none;
}
ul.productDownload li {
    background: #eee none no-repeat 4px center;
    padding: 0.2em 0 0.2em 30px;
}



/* next 2 used for modelno guides in UDS + FDP pages */
table.modelnumber {
    margin: 0.6em 0;
}
table.modelnumber td {
    padding: 0.3em 0.8em;
}
table.modelnumber table.fdpRatingT {
}
table.modelnumber table.fdpRatingT td {
    padding: 0.2em;
    font-style: normal !important;
    font-weight: normal !important;
    white-space: nowrap;
    font-size: 90%;
    border-collapse: separate;
    margin: 1px 0;
    border-bottom: 1px solid white;
}
table.modelnumber table.fdpRatingT td.btype {
    vertical-align: middle;
    border-right: 1px solid #333;
    text-align: right;
}
.myComp {
    background: #ccc;
    font-style: italic;
    font-weight: bold;
}
.optDesc {
    font-size: 0.7em;
}


table.productDetailTable {
    width: 100%;
    margin: 0.5em 0 1em 0;
}
table.productDetailTable td {
    padding: 0.1em 0.5em;
    vertical-align: middle;
}

table.productOptionsTable {
    clear: left;
    width: 100%;
    margin: 0.5em 0 0 0;
}
table.productOptionsTable th {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #333;
    padding: 0.1em;
}
table.productOptionsTable td {
    padding: 0.2em;
    vertical-align: top;
}


ul.productCatLinks {
    border-left: #339 1px solid;
    background-color: #f4f4f4;
    list-style-position: outside;
    padding-left: 1.5em;
}
ul.productCatLinks li {
    padding-bottom: 1em;
}
ul.productCatLinks li a {
    text-decoration: underline;
}

.downloadItem {
    margin-left: 1em;
    padding-bottom: 0.7em;
}
.downloadItem a {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
/*}}}*/


/* home page *//*{{{*/
h1.homeHdr {
    display: block;
    background: transparent url(/gfx/samtop2.jpg) no-repeat center top;
    height: 136px;
    margin: 3px 0 9px 0;
    border: 0;
}
h1.homeHdr span {
    display: none;
}
#homeNavCtr {
    width: 150px;
    background-color: #fff;
    background-image: url(/gfx/navs/bottom.gif); 
}
#homeNavCtr div.navItem {
    height: 36px;
    background-image: url(/gfx/navs/spacer.gif); 
    background-position: center bottom;
    width: 150px;
}
h1#homeLogo {
    display: block;
    background-image: url(/gfx/navs/vti.gif);
    height:150px;
    border: 0;
}
h1#homeLogo span {
    display: none;
}
div#homeSpcr { 
    background-image: url(/gfx/navs/neck.gif);
    height:50px;
}



.homeLinks {
    list-style: disc url(/gfx/arrow2.gif) outside;
    margin-left: 2em;
    font-size: 0.9em;
    font-weight: bold;
}
.homeLinks li {
    margin-bottom: 0.4em;
    line-height: 150%;
}
.homeLinks li a {
    text-decoration: none;
}
.homeLinks li a:hover {
    background: #eee;
}

.homeProductsLinks, .homeProductsLinks ul {
    font-weight: bold;
    font-size: 0.9em;
    padding: 0 0 0 1.1em;
    margin: 2px;
    text-indent: -1.6em;
    list-style: disc url(/gfx/bull2.gif) inside;
    color: #6fc;
}
ul.homeProductsLinks li {
    margin: 0;
}
ul.homeProductsLinks li a {
    text-decoration: none;
}
.homeBlockLightCtr, .homeBlockPlainCtr {
    padding: 0 0.5em;
    margin-bottom: 1.5em;
}


.newsDate {
    font-style: italic;
    font-size: 90%;
}

/* Show only to IE PC \*/
* html .boxhead h3 {height: 1%;} /* For IE 5 PC */

.homeBlockCtr {
	background: url(/gfx/tmp/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/gfx/tmp/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h3 {
	background: url(/gfx/tmp/sbhead-lx24.gif) no-repeat top left;
    border: none;
	margin: 0;
    height: 16px;
	padding: 14px 18px 5px 15px;
	color: #fff; 
	font-weight: bold; 
	font-size: 12px;
    text-align: center;
}
.boxhead h3 span {
    display: none;
}
.boxbody h4 {
	margin: 0;
	color: #036; 
	font-weight: bold; 
    text-align: left;
    background: #fff;
	font-size: 14px;
}
.boxbody h4 a {
    text-decoration: none;
    color: #036;
}
.boxbody h4 span {
    display: none;
}
.boxbody {
	background: url(/gfx/tmp/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 20px 28px 15px;
}
.boxbody p {
    background: #fff;
    margin: 0 0 1em 0;
}
/*}}}*/


/* seminars stuff *//*{{{*/

#seminarW {
    padding-left: 15px;
}
#semEnergyTable {
    margin-bottom: 1.2em;
}
#semEnergyTable tr.lvl1 th {
    font-weight: bold;
    text-align: center;
}
#semEnergyTable tr.lvl2 th {
    color: #fff;
    background: #333; 
    font-weight: bold;
    padding: 0 0.9em;
    text-align: center;
}
#semEnergyTable th.empty {
    background: transparent !important;
}
#semEnergyTable td {
    text-align: center;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 2px;
}
#semEnergyTable .kva {
    border-left: 1px solid #444;
}
#semEnergyTable .empty {
    background-color: transparent;
    border: 0;
}
#semEnergyTable tfoot td {
    font-size: 10px;
}
#semEnergyTable caption {
    padding-bottom: 0.8em;
}


table.semTable2 {
    margin-bottom: 1.8em;
    width: 100%;
}
table.semTable2 caption {
    text-align: left;
}
table.semTable2 th {
    color: #fff;
    background: #333; 
    font-weight: bold;
    padding: 0 0.9em;
    text-align: center;
    font-size: 90%;
}
table.semTable2 td {
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 2px;
    font-size: 90%;
}
table.semTable2 td.star {
    vertical-align: middle;
    text-align: center;
}
table.semTable2 td.start {
    text-align: center;
}
table.semTable2 th.txt {
    text-align: left;
}
table.semTable2 tfoot td {
    font-size: 90%;
    border-width: 0;
}
table.semTable2 td.cost {
    text-align: right;
}


.semCostBox {
    text-align: right;
    margin-bottom: 1em;
}
.semCostBox strong {
    border-bottom: 1px solid #444;
    font-weight: bold;
}
#seminarW blockquote {
    clear: both;
    margin-left: 3em;
}
.semCostTotal {
    clear: both;
    text-align: right;
    font-size: 105%;
    border-bottom: 1px solid #444;
    padding-top: 1em;
    margin-bottom: 2em;
}
/*}}}*/


/* contact form *//*{{{*/
.formlabel {
    color: #000000;
    text-decoration: none;
    }
.formLabelReq {
}
.formLabelErr {
    font-weight: bold;
    color: #c33;
}

table.contactForm input,
table.contactForm textarea,
table.contactForm select {
    border: 1px solid #999;
    margin: 0.2em 0 0.2em 0.1em;
}
table.contactForm td {
    vertical-align: middle;
}
.formLabelCell {
    text-align: right;
    padding: 0 1em;
    background: #f0f0f0;
    border-bottom: 1px solid #e3e3e3;
}


.salesrepW  {
    margin-top: 2em;
}
.salesrep {
    margin-bottom: 1.8em;
    padding: 0.2em 0.8em;
    background-color: #f0f0f0;
}
.salesrepW h4 {
    color: #000;
    font-size: 100%;
    margin: 0;
    background-color: #ccc;
    padding: 0.3em 0.8em;
}
.salesrepW h5 {
    margin: 0;
}
/*}}}*/


fieldset legend {
    padding: 0.5em;
    margin: 0;
    font-weight: bold;
}
fieldset {
    display:block;
    margin: 1.6em auto;
    padding: 1em;
    border: 1px solid #ddd;
}
fieldset td {
    vertical-align: middle;
    padding: 4px 0.4em;
    background-color: #f0f0f0;
}
fieldset input, fieldset select, fieldset textarea {
    border: 1px solid #666;
    color: #333;
}
#loginForm {
    width: 24em;
}
#loginForm td {
    text-align: right;
    white-space: nowrap;
}
.loginBtn {
    float: right;
    font-size: 90%;
    color: #036;
    margin: 0.5em 0 0.5em 0.8em;
    padding: 0 0.3em;
}

#regForm table {
    width: 100%;
}
#regForm td.list {
    border-bottom: 1px dotted #ccc;
}
#regForm td.copy {
    background: #ccc;
}
#regForm td.vtop {
    vertical-align: top;
}
#regForm table table {
    width: auto;
}

.formLabelStar, .formReqStar {
    position: relative;
    top: 0.3em;
    color: #34e;
    font-size: 150%;
    height: 0.3em;
}
.formexFieldRadio input, .formexFieldToggle input {
    border: 0;
}
.formexFieldSubmit input, input.submit {
    background: #ddd;
}
label {
    display: block;
    line-height: 150%;
}











#techHdr {
    position: relative;
    background: url(/gfx/heads/leftbox_bg.gif) repeat-y;
    margin-bottom: 14px;
}
#techHdr .ctxt {
    padding-left: 66px;
    font-size: 90%;
    color: #036;
}
#techHdr .ctxt a {
    padding-left: 1.2em;
    font-size: 90%;
    font-weight: bold;
}
#techHdr h1 {
    border: 0;
    background: url(/gfx/heads/tech_ban_left.gif) no-repeat;
    width: 494px;
    min-height: 75px;
    border: 0;
}
#techHdr h1 span {
    display: none;
}
#techHdr div.tfocal {
    position: absolute;
    right: 0;
    top: 0;
    width: 209px;
    height: 75px;
    background: url(/gfx/heads/tech_ban_right.gif) no-repeat;
}
#techHdr div.foot {
    background: url(/gfx/heads/box-bottom.gif) no-repeat;
    height: 22px;
}


.smallSticky, .helpPop span, div.specEditItemLink {
    position: absolute;
    width: 20em;
    background: #cacb77 url(/gfx/note-bg.gif) repeat-x;
    font-size: 85%;
    color: #333;
    padding: 0.3em;
    border-right: 2px solid #b3b3b3;
    border-bottom: 2px solid #b3b3b3;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.helpPop {
    display: block;
    position: relative;
}
.helpPop div.btn {
    position: absolute;
    right: 0.8em;
    height: 16px;
    padding-left: 18px;
    background: url(/gfx/file_icons/help.png) no-repeat;
    cursor: pointer;
    color: #036;
    font-size: 0.9em;
}
.helpPop div.btn span.pop {
    left: 18px;
    width: 15em;
    background: #628cba url(/gfx/help-bg.gif) repeat-x;
    display: none;
    color: #222;
    font-size: 90%;
}

div#specWrapHelp {
    background: #cacb77 url(/gfx/note-bg.gif) repeat-x;
    font-size: 90%;
    color: #333;
    padding: 0.3em;
    margin: 1px 1px 1em 1em;
    border-right: 2px solid #b3b3b3;
    border-bottom: 2px solid #b3b3b3;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#specWrapper {
    position: relative;
    border-right: 2px solid #b3b3b3;
    border-bottom: 2px solid #b3b3b3;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 1em 1.5em;
    margin: 0.8em;
    z-index: 1;
}
#specOuterW {
    border: 1px solid #b3b3b3;
}

#specOuterW p {
    margin: 1em 5px;
}

#specNav {
    background-color: #e0e0e0;
    padding: 0.8em 0.8em 0;
    border-bottom: 1px solid #b3b3b3;
}
#specNav table {
    width: 100%;
}
#specNav h5 {
    margin: 0;
}
#specNav td.specDL {
    width: 30%;
    font-size: 90%;
    vertical-align: top;
}
#specNav td.specDL a {
    display: block;
    padding: 0.3em 0 0.3em 18px;
    background-repeat: no-repeat;
    background-position: left center;
}
#specNav td.specDL a.pdf {
    background-image: url(/gfx/file_icons/pdf_icon.gif);
}
#specNav td.specDL a.print {
    background-image: url(/gfx/file_icons/printable.gif);
}
#specNav ul {
    margin-top: 0.8em;
    list-style: none;
}
#specNav li {
    float: left;
    padding: 0.3em 0.3em 0.2em 0.1em;
    margin: 0 0.4em 0 0;
    border: 1px solid #444;
    border-width: 1px 1px 0 1px;
    background: #ccc;
    font-size: 90%;
    white-space: nowrap;
}
#specNav li.sel {
    position: relative;
    top: 1px;
    background: #fff;
}
#specNav li a {
    display: block;
    color: #333;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: left center;
}
#specNav li a span {
    font-weight: normal;
}
#specNav li a:hover {
    text-decoration: none;
}
li#specNavTab_summary a {
    background-image: url(/gfx/file_icons/application_view_list.png);
}
li#specNavTab_preview a {
    background-image: url(/gfx/file_icons/page_white_magnify.png);
}
li#specNavTab_notes a {
    background-image: url(/gfx/file_icons/note.png);
}
li#specNavTab_attach a {
    background-image: url(/gfx/file_icons/attach.png);
}
li#specNavTab_order a {
    background-image: url(/gfx/file_icons/email_go.png);
}



#specSummary, #specPageWrapper {
    padding: 1em 0.4em;
}
#specSummaryList {
    width: 100%;
    margin: 0 0.3em 0.3em;
}
#specSummaryList th {
    font-weight: normal;
    font-size: 90%;
}
#specSummaryList th, #specSummaryList td {
    padding: 0.3em;
}
#specSummaryList tr.even {
    background-color: #f0f0f0;
}
#specSummaryList tr.odd {
    background-color: #e0e0e0;
}
#specSummaryList a span {
    display: none;
}
#specSummaryList a {
    display: block;
    width: 16px;
    height: 16px;
}
#specSummaryList a.summEdit {
    background: url(/gfx/file_icons/application_form_edit.png) no-repeat;
}
#specSummaryList a.summDelete {
    background: url(/gfx/file_icons/cross.png) no-repeat;
}
#specSummaryList a.summAttach {
    background: url(/gfx/file_icons/page_attach.png) no-repeat;
}

.specItemAdd {
    text-align: right;
    padding: 0.3em 0;
    margin: 1em 0;
}
.specItemAdd a {
    border: 1px solid #999;
    background: #f0f0f0 url(/gfx/file_icons/add.png) no-repeat 2px center;
    padding: 0.1em 0.3em 0.1em 20px;
}

#techSideBar {
    float: left;
    width: 14.5em;
    background: #e0e0e0;
    border-right: 1px solid #369;
    padding: 0 0.2em 0.5em;
}
div.techCopy {
    margin-left: 16.5em;
}


#techSideBar .inqs {
    margin: 1em 0;
}




a.adminlink {
    color: #036;
    display: block;
    background-color: #eef4ee;
}
a:link.adminlink {color: #036;}
a:visited.adminlink {color: #036;}
a:hover.adminlink {color: #03f; text-decoration: underline; }


#techSideBar h5 {
    margin: 0.5em 0;
}
#techSideBar a.menus {
    display: block;
    text-align: right;
    font-size: 90%;
}


div.guideList {
    margin-bottom: 1em;
}
div.guideList .note {
    font-weight: bold;
    color: #444;
    font-size: 0.9em;
}

#quotesList th {
    background: #ccc;
    padding: 0.3em 0.1em;
}
#quotesList td {
    padding: 0.3em 0.1em;

}


table.designForm {
    background: #e0e0e0;
}
table.designForm td {
    padding: 0.2em 0.6em;
}

.formExpand {
    background: #eef4ee;
    border: 1px solid #369;
    color: #336;
    font-weight: bold;
    padding: 2px;
    margin: 2px;
}

.specPriceAdmin, .specAdminNotice {
    font-weight: bold;
    color: #369;
    cursor: pointer;
    z-index: 0;
}
.specAdminIndicator {
    display: none; 
    position: absolute; 
    right: 0; 
    margin-top: 1.5em;
    text-align: left; 
    width: 21em;
    text-align: center;
    text-decoration: none;
    color: #333;
    padding: 0.3em;
    border: 1px solid #369;
    background: #eef4ee;
    z-index: 1;
    font-size: 0.9em;
}
.specAdminIndicator table {
    margin: 0 auto;
}

.specAdminIndicator .wclose, .specAdminNotice .wclose {
    position: absolute; 
    right: 0;
    top: 0;
    width: 14px;
    height: 15px;
    background: #aca url(/gfx/file_icons/close_div.gif);
}
.specAdminIndicator p, .specAdminNotice p {
    font-size: 90%;
    text-align: left;
    padding: 0 1.5em;
}
.specAdminNotice {
    float: right;
    position: relative;
    z-index: 50;
}
.specAdminNotice span.btn {
    display: block;
    background: #eef4ee url(/gfx/file_icons/bullet_go.gif) left center no-repeat;
    border: 1px solid #369;
    padding: 0 0.4em 0 16px;
    font-size: 0.83em;
}
.specAdminNotice .specAdminIndicator {
    text-align: left;
    left: 0;
    top: 0;
    margin-top: 1.3em;
}


.specPriceTotalNotice {
    position: absolute;
    font-weight: normal;
    text-align: left;
}

div.specEditItemLink {
}


.specNoteW {
    margin: 0 1em 2.1em 1em;
    background: #f0f0f0;
    border: 1px solid #ccc;
}
.specNoteW .note {
    padding: 0.4em;
}
.specNoteW .specNoteAttrib {
    text-align: right;
    font-size: 90%;
    background-color: #e0e0e0;
    padding: 0.1em 0.8em;
    margin-top: 0.4em;
}
.specNoteW .noteEdited {
    text-align: right;
    font-style: italic;
    font-size: 90%;
    padding: 0.1em 0.8em;
}


#specOuterW fieldset {
    margin: 0 1em 2.1em 1em;
}
#specOuterW fieldset td {
    vertical-align: top;
}

#specAttachAdd {
    margin-right: 1em;
}


.specItem {
    border-bottom: 1px solid #666;
    padding-bottom: 1em;
}

#specT {
    width: 100%;
}
#specT .specItemTD {
    width: 80%;
}
#specT th {
    font-weight: bold;;
    padding: 0.4em 0.5em;
    background-color: #e0e0e0;
    border-bottom: 1px solid #333;
}
#specT td {
    padding: 0.4em 0.5em;
    border: 1px solid #ccc; /* DEBUG */
}
#specT tr.gtotal td {
    border: 0;
    text-align: right;
    background-color: #e0e0e0;
    border-bottom: 1px solid #333;
    font-weight: bold;
}
.hilite {
    background: #ddd;
    color: #c00 !important;
}

.astar {
    color: #036;
    font-weight: bold;
    font-size: 1.4em;
    font-family: serif;
    position: relative;
    line-height: 70%;
    top: 0.2em;
}