/* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ body { margin: 0px 0px; font-family: Arial, Helvetica, sans-serif; background-color:#006699; min-width: 760px } img {margin: 0px; padding: 0px; list-style:none; border: none} th {speak-header: once} a:link, a:visited {color: #404040} a:hover, a:active {text-decoration: none} form {display: inline} select, input ,textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px} /* Text Formatting ------------------------------------*/ .copy, p, li, .copysmall {font-size: 12px; color: #404040} .copysmall {font-size: 10px} .copywhite {font-size:12px; color: #FFF} .speccopy {font-size: 9pt; color: #333333} .message {font-size: 12px; color: #CC0000} .grayitalics {font-size: 12px; color: #666666; font-style: italic} .seclogin {font-size: 14px; font-weight: bold; color:#FFF; text-decoration: none; letter-spacing: .75px} p {margin-bottom: 8px} h1, H1, .title {font-size: 1.18em; line-height: 20px; color: #7d0101; font-weight: normal} h2, .ptitle, .spectitle {line-height: 1.2em; font-size: 9pt; color: #3e3e3e; font-weight: bold} h3, .ptitlecream, h4, h5 {font-size: .90em; line-height: 1.2em; color: #ede3af; font-weight: bold; padding: 0px; margin: 0px} h3, .ptitlecream {font-size: .80em; color: #ede3af} h4 {color: #404040} h5 {color: #7d0101} h6, .redptitle {line-height: 1.2em; font-size: 9pt; color: #7d0101; font-weight: bold} .moreinfo {font-size: 9pt; color: #3e3e3e; font-weight: bold} .ptitleblack {font-size: 0.8em; line-height: 1.2em; color: #000; font-weight: bold} .producttitle {font-size: 12px; font-weight: bold; color:#FFF; padding: 5px; background: url(/images/tl_dark.gif) repeat-x #015F7A} .producttitlelist {font-size: 13px; font-weight: bold; color:#7d0101; border: 1px solid #d2d19d; border-left: none; border-right: none; background:url(/images/bkg_price.gif) repeat-x #E3E3DF; padding: 3px} .largetitle {font-size: 14px; line-height: 15px; color: #3e3e3e; font-weight: bold} li {margin-bottom: 8px} ol {font-size: 12px; color: #333333} .productlisttbl {font-size: 12px; line-height: 1.3em} .homeotherproductsbox {font-size: 12px; color: #9e0000; font-weight: normal} /*Global Containers -----------------------------------*/ #SiteContainer {background-color: #fff; width: 738px; border: 1px solid #9d9d97; border-top: none; border-bottom: none; margin:0px auto; text-align: left} #shell {background:url(/images/bkg_gradient.gif) repeat-x #FFF; min-width: 760px; text-align:center} #content {width: 734px; border: 4px solid #0373C9; border-top: none; border-bottom: none; padding: 0px; padding-bottom: 15px} #catsearch {width: 734px; height: 76px; background:url(/images/search.gif) no-repeat; display:block} #catsearch table {position: relative; top: 12px; left: 70px} #catsearch h2 {font-size: 15px; color:#333509; margin-right: 3px} #catsearch input {margin: 0px 3px} #contentBox { margin-left: 5px} #breadcrumbs {padding: 5px 0px; font-size: 12px} /*Sidebar -----------------------------------*/ #sidebar {border: 4px solid #eeeed9; margin: 5px 8px 0px 15px; background-color: #fff} * html #sidebar {margin: 5px 0px 0px 15px} #sidebar #guidance {text-align: center; line-height:18px; margin-bottom: 25px} #sidebar h1 {width: 185px; font-size: 16px; color:#272900; border-bottom: 1px solid #cdcdcd; text-align:left; margin: 10px 6px 3px; padding: 0px 0px 0px 8px; font-weight:bold; display:block} .mfglist, .prodlist {font-size: 12px; color: #404040; line-height: 18px; padding: 0px 0px 8px; display:block; margin: 0px 0px 16px 16px} /* Branding & Nav -----------------------------------*/ #header {position: relative; width: 65%; height: 128px; background: url(/images/bkg_header1.jpg) no-repeat #FFF top right; margin:0px auto; min-width: 760px; text-align:center} #header #logo {float: left} #header table.bkg {position: relative; width: 100%; background: url(/images/logo.gif) no-repeat; text-align:center} #nav {width: 744px; height: 23px; text-align: center; margin: 0px auto; display:block; clear:both} * html #nav {overflow:hidden} #nav ul, #nav li {height: 23px; list-style: none; margin: 0px; padding: 0px} #nav li {display:block; float:left; background: url(/images/bkg_nav.gif) repeat-x #3e3e3e} #nav a:link, #nav a:visited {padding: 5px 15px 0px; border-right: 1px solid #a2a2a2; display:block; text-decoration: none; color:#fff; font-weight:bold; font-size: 11px} #nav a:hover, #nav a:active {color: #CCCCCC} #tools {position: absolute; top: 12px; right: 6px; width: 290px; height: 15px; color: #999999; display:block; z-index:9} #tools a:link, #tools a:visited {font-size: 11px; font-weight: bold; color: #333; display: block; float:left; padding: 0px 8px; border-right: 1px solid #a2a2a2; text-decoration: none} #tools a:hover, #tools a:active {color: #860017} #loginwelcome {position: absolute; top: 0px; right: 295px; width: 400px; font-size: 12px; color: #333; text-align:right; border-right: 1px solid #a2a2a2; padding-right: 8px} #livehelp { position: absolute; z-index:9; width: 738px; height: 70px; margin: 0px auto; top: 350px; text-align:right; display:block; left: 274px; } #livehelp h1, #livehelp h2 {position: relative; font-size: 14px; font-weight: bold; margin: 0px; display:block; width: 100%} #livehelp h2 {color:#000; right: 50px} #livehelp a:link, #livehelp a:visited {position: relative; float: right; right: 30px; top: 5px; width: 163px; height:23px; display:block; padding: 0px} /* Home ----------------------------------- */ .pghome p { margin: 0px 0px 8px; font-size: 12px; font-weight: bold; } .pghome .mfglist {padding: 15px; margin: 0px} .pghome #content #h1, .pghome #content h2, .pghome #content h3, .pghome #content h4 {margin: 0px; padding: 0px} .pghome #boxTop h1 {margin: 4px} .pghome .mfglist {font-size: 12px; color: #404040; line-height: 22px; padding: 10px; display:block} .pghome #guidance { width: 620px; display: block; border: 0px solid #ffffff; padding: 15px 0px; text-align:center; margin:5px 0px 20px 60px } .pghome #guidance h1 {display: inline; font-size: 14px; color:#272900; margin: 0px 10px 0px 0px; font-weight: bold} .pghome #bottomBox {width: 690px; margin: 0px 0px 0px 20px; padding-bottom: 20px} .pghome #bottomBox h1 {font-size: 15px; color:#272900; font-weight: bold; margin: 0px} .pghome #bottomBox h2 {font-size: 12px; color:#272900; margin:0px} #hmproducts img {display:block} #hmproducts a {display:block; margin-bottom: 8px} #hmproducts a:link, #hmproducts a:visited {font-size: 10px; color: #485900; text-decoration: none; line-height:normal} #hmproducts a:hover, #hmproducts a:active {color: #3e3e3e; text-decoration: hover} .pghome #sidebar {width: 260px; margin:0px 0px 0px 15px; border: none; padding: none} .pghome #sidebar h1 {width: 100%; font-size: 12px; font-weight:bold; line-height:normal; margin: 25px 0px 0px; border: none; color: #7d0101; text-align:center; display:block; padding: 0px} #securelogos {width: 212px; margin:0px auto; text-align:right} * html #securelogos {width: auto; margin:0px auto; text-align:right} #home #securelogos {width: 100%; margin:0px auto} * html #securelogos {width: 100%; margin:0px auto; text-align:center} #guidance {font-size: 12px; color: #666666} #guidance a:link, #guidance a:visited {color: #7d0101} #guidance a:hover, #guidance a:active {color: #666666; text-decoration: none} /* Footer ---------------------------------*/ #footer {position: relative; width: 65%; height: 43px; font-size: 11px; color: #333333; background-color: #f6f5d7; border-top: 1px solid #999999; margin: 0px auto; text-align:left; min-width: 760px} #footer a {color: #333} #footer div {padding: 10px 5px} #footer span {position: absolute; top: 10px; right: 5px; float: right} /*Autosuggest*/ .autosuggest {background-color: white; white-space: nowrap;padding-right: 5px} .autosuggest a {font-family: verdana, sans-serif, arial;white-space: nowrap;font-size: 13px;width: 100%;display: block;background-color: white;color: blue} .autosuggest a:hover {background-color: blue;color: white;cursor: pointer; cursor: hand} /* Sub page items ------------------------------------*/ .bkg_graygradient {/*background:url(/images/bkg_graygradient.gif) repeat-x #FFF; */margin-left: 5px; margin-top: 0px; padding:0px} .bkg_no1, .bkg_no2, .bkg_no3 {background:url(/images/bkg_number1.gif) no-repeat #f9f8e6; border: 1px solid #d8d8d8; border-bottom: none; border-left:none; padding: 3px 40px 3px; height: 33px; vertical-align: middle} .bkg_no2 {background-image:url(/images/bkg_number2.gif)} .bkg_no3 {background-image: url(/images/bkg_number3.gif)} .bkg_category {background: url(/images/bkg_category.gif) repeat-y #FFF; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; height: 33px} .productListing-heading {font-size: 12px; color: #333333} TD.productListing-data {font-size: 12px} .stockWarning {font-size : 12px; color: #333333} TD.pageHeading, DIV.pageHeading {font-size: 12px; font-weight: bold; color: #333333} TD.main, P.main {font-size: 12px; line-height: 1.5em} .checkoutBarFrom, .checkoutBarTo {font-size: 12px; color: #8c8c8c} .checkoutBarCurrent {font-size: 12px; color: #000} a.productlist:link, a.productlist:visited {color: #DEEFDF} a.productlist:hover, a.productlist:active {color: #FFF; text-decoration: none} a.redlist:link, a.redlist:visited {color: #7d0101; font-weight: bold; text-decoration: none} a.redlist:hover, a.redlist:active {color: #7d0101; text-decoration: underline} a.redlist2:link, a.redlist2:visited {color: #7d0101; font-weight: bold} a.redlist2:hover, .redlist2:active {color: #7d0101} a.hmproductlist:link, a.hmproductlist:visited {color: #9e0000} a.hmproductlist:hover, a.hmproductlist:active {color: #3e3e3e; text-decoration: none} /*a.moreinfo:link, a.moreinfo:visited {color: #3e3e3e; text-decoration: underline} a.moreinfo:hover, a.moreinfo:active {text-decoration: none}*/ /*.greenbox {width:100%; height:95%; background-color: #Foeec5; border: 1px solid #d8d8d8; padding: 5px}*/ .greenbox_login {background-color:#FFF; padding: 5px} .pricebox {border: 1px solid #7d0101; padding: 5px} .searchbox {background-color: #FFF} .centertable {background-color: #FFF; padding: 10px} .blueoutline {border: 1px solid #d8d8d8} .grayoutline {border: 3px double #d8d8d8; margin: 7px} .graytopline {border: 1px solid #d8d8d8; border-left: none; border-right: none; padding: 10px 0px 10px 5px; background:url(/images/bkg_graygradient.gif) repeat-x #FFF} .logoborder {border: 1px solid #d8d8d8; margin: 3px} .margin_right {margin-right: 5px} .subtitle {font-size: 12px; line-height: 1.2em; color: #3e3e3e; font-weight: bold; font-style: italic} .subtitle2 {color: #3e3e3e; font-weight: bold; font-style: italic} .margin_left {margin-left: 5px} .tealtitle {color: #3e3e3e; font-weight: bold} .bordertopbottom {border: 1px solid #d8d8d8; border-left: none; border-right: none} .style3 {font-size: 12px} /*.productlistdesc {height:100px} .productlistdesctable {height:20px}*/ .shippingtitle, .shippingtitle2, .producttitlelist2 {font-size: 13px; color: #7d0101; font-weight: bold; border-bottom: 1px solid #7d0101} .producttitlelist2 {height: 20px; vertical-align: bottom} .productlistdesctable2 {height:20px} .messageStackSuccess {font-size: 12px; color: #CC0000} .messageStackWarning, .messageStackError {font-size: 12px; color: red} .top {border: 1px solid #000; border-bottom: none; border-right: 1px solid #184B4E} .ourprice {font-size: 9pt; color: #3e3e3e; font-weight: bold; margin-top: 3px; padding-top: 3px} select#types, select#poles, select#amperages, select#voltages {width: 115px} select#mfg, select#product {width: 240px} /*.padding_phone {padding-right: 28px} */.grayline_left {border-left: 1px solid #d8d8d8; padding: 0px; margin: 0px} .grayline_right {border-right: 1px solid #d8d8d8; padding: 0px; margin: 0px} .redline {border-top: 1px solid #7d0101; height: 4px; padding: 0px; margin: 0px} .redline_category {border-bottom: 1px solid #7d0101; padding: 0px; margin: 0px} /*.padding_content {padding: 10px 25px 15px 25px}*/ .padding_search, .padding_product, .padding_manufact {padding: 10px 5px 15px 10px} .padding_breadR {padding-right: 10px} .padding_searchtypes {padding-left: 2px; padding-right: 2px} /*.padding_threesearch {padding-top: 7px}*/ #mfgmenu, #typemenu {position: relative; float: right; clear:right; top: -20px} * html #mfgmenu, * html #typemenu {position: relative; float: right; clear:right; top: -20px; right: 10px} /*Product Detail -------------------------*/ #product_container {margin:0px; padding: 0px} #product_container div {margin:0px; padding:0px; float:left} #product_container #left {float: left; width: 225px; padding:0px; margin: 0px 10px 0px 0px} #product_container #left p {margin:0px; padding: 5px 0px 5px 0px; font-size: 12px} #product_container #right {float:right; width: 250px; padding:0px; margin: 0px; clear:none} /*#product_container #right p {margin:0px; padding:0px; font-size: 12px} */#product_container #middle {visibility: hidden; display: none} #product_price {width: 100%; min-height:50px; margin:0px; padding: 0px; border: 1px solid #7d0101} #product_price div {margin:0px; padding:5px 5px 5px 5px} #product_price p {margin:0px; padding:0px} #left_ourprice {float: left; width: 100px; padding:0px; margin:0px} #right_ourprice {float: right; width: 100px; padding:0px; margin:0px} * html #left_ourprice {float: left; width: 110px; padding:0px; margin:0px} * html #right_ourprice {float: right; width: 110px; padding:0px; margin:0px} #product_buy {min-height:35px; margin: 0px; padding: 0px; height:20px} #product_buy div {margin:0px; padding:0px; float:left} #product_buy span {display:none} strong {font-size: 12px; font-weight: bold} /* SELL And REQUEST ---------------------------------------------------*/ #request .left {width: 47%; padding-right:5%; float: left } #request .right {width: 47%; float: left; clear:right } .clear {clear:both} .redlt, #redlt {width: 500px; height: 8px; background: url(/images/redlt.gif) top left no-repeat; border-top: 1px solid #fff; padding: 0px} * html .redlt, #redlt {margin-bottom: -8px} #request p {text-align:left} #request h4 {width:500px; color: #7d0101; font-weight: bold; padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; font-size:13px} #request blockquote {margin:0px; padding:0px} #request label {display: block; clear: both; margin-top: 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif} #request input {width: 98%} #request select {font-size:11px} #request .formbtn {width: auto; height:auto } #request #contactform {width:480px; border:4px #7d0101 solid; border-right: none; border-left: none; background:#f5f2df; float: left; padding:10px; margin-bottom: 15px; clear:both} *html #request #contactform {width:500px} #request.quote #contactform {background:url(/images/bkg_graygradient.gif) repeat-x #FFF} #request #contactform span {color:#F00} #request.quote .productform {background:url(/images/bkg_graygradient.gif) repeat-x #FFF} #request .productform {width:480px; padding:10px; background: #f5f2df; float: left; border-bottom:4px #7d0101 solid; margin-bottom: 5px } *html #request .productform {width:500px; padding:10px; background: #f5f2df; float: left; border-bottom:4px #7d0101 solid; margin-bottom: 5px } #request .productform .left label {clear: none; float: left; width: 80px; margin-top: 5px } #request .productform input {width: 100px; margin-top: 5px } #request .productform textarea {width: 98%; height: 70px } #request .productform select {width: 100px; float: left; clear: right; margin: 0px 0px 8px } #request .cond label {width: 60px; float: left; margin: 3px 0px 8px } #request .cond select {float:left} #request .cond blockquote {float:right} #request #copybtn {float:left; width: 380px; display: block} #request #copybtn img {border:none} #reqeust #submitbtn {float: right} .close {color:#851e1c; font-size:11px; padding:3px 0px} #extra .close {display:block} #container .close {display:none} .close a:link, .close a:visited, .close a:active {font-weight:bold; text-decoration:underline; padding:6px 22px 7px 0px; margin:5px 0px 0px 0px; background:url(/images/img_close.jpg) no-repeat right; color:#851e1c} *html .close a:link, *html .close a:visited, *html .close a:active {height:4px; font-weight:bold; text-decoration:underline; padding:2px 22px 2px 0px; margin:0px 0px 0px 0px; background:url(/images/img_close.jpg) no-repeat right; color:#851e1c} .close a:hover {text-decoration:none} .red {font-size:12px; font-weight:bold; color:7d0101} #SiteContainer #content #boxTop tbody tr td #sidebar p strong { text-align: left; }