/* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ html {margin: 0px; padding: 0px} body {position: relative; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #333333; background-color:#FFFFFF} h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ table th {text-align: left; speak-header: always} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #105277; text-decoration:underline; cursor: pointer} a:hover, a:active {color: #568eae; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333} label {cursor: pointer} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position: relative; width: 760px; height: 109px; margin: 0px auto; clear: both; border-bottom: 7px solid #cfe8eb; z-index:999} #branding h1 {width: 167px; height: 74px; margin:0px; padding:0px; border:none} /*#branding h2 {position: absolute; right: 220px; top: 40px; font-size: 20px; color: #8b9802; margin: 0px}*/ #branding h2 {font-size: 13px; color: #8b9802; margin: -2px 0px 0px} #branding #accreditlogos {position: absolute; right: 0px; top: 35px} #branding cite {position: absolute; left: 180px; top: 50px; font-size: 11px; font-style: normal; margin: 0px; padding: 0px} /*Login/cart Navigation*/ #branding ol {position: absolute; top: 40px; left:180px; width: 583px; font-size: 10px; font-weight:bold; cursor: pointer} #branding ol h2 {cursor: default} #branding ol li {display: block; margin-right: 6px; padding-right: 6px; float: left; border-right: 1px solid #999999} #branding ol li a:link, #branding ol li a:visited {color: #5f5f5f; text-decoration: none} #branding ol li a:hover, #branding ol li a:active {color: #568eae; text-decoration: none; display:block} #branding ol li.noline, #siteinfo ul li.noline {border: 0px; margin: 0px; padding: 0px} /*Main Navigation*/ #branding ul {height: 35px; /*background: url(../images/nav/bkg.gif) repeat-x*/} #branding ul li {display: block; float: left} #branding li a {display: block} #branding #search {position: absolute; top: -5px; right: 0px; width: 210px; margin: 0px; font-weight: normal; z-index:9; float:right} #branding #search input {width: 153px; height: 13px; float: left; font-size: 11px; color: #000; padding: 2px; margin: 0px} #branding #search .gobtn {width: 45px; height: 22px; margin-top: -2px} * html a:hover, * html #home a#left:hover, * html #home a#center:hover, * html #home a#right:hover {visibility:visible} #branding li a:hover img, #pictool a:hover img, #home a#left:hover img, #home a#center:hover img, #home a#right:hover img {visibility:hidden} #nav_home {width: 58px; height: 35px; background:url(../images/nav/home_o.gif) no-repeat} #nav_shop {width: 101px; height: 35px; background:url(../images/nav/shop_o.gif) no-repeat} #nav_sell {width: 90px; height: 35px; background:url(../images/nav/sell_o.gif) no-repeat} #nav_quote {width: 130px; height: 35px; background:url(../images/nav/quote_o.gif) no-repeat} #nav_support {width: 74px; height: 35px; background:url(../images/nav/support_o.gif) no-repeat} #nav_credit {width: 63px; height: 35px; background:url(../images/nav/credit_o.gif) no-repeat} #nav_contact {width: 93px; height: 35px; background:url(../images/nav/contact_o.gif) no-repeat} #nav_help {width: 150px; height: 35px; } #pghome #branding, #pgshop #branding, #pgsell #branding, #pgquote #branding, #pgsupport #branding, #pgsearchtips #branding, #pgfaq #branding, #pgcredit #branding, #pgcontact #branding, #pghelp #branding {border-bottom: 7px solid #a4c45c} #branding li#nav_help a:hover img {visibility:visible} #pghome #nav_home img, #pgshop #nav_shop img, #pgsell #nav_sell img, #pgquote #nav_quote img, #pgsupport #nav_support img, #pgsearchtips #nav_support img, #pgfaq #nav_support img, #pgcredit #nav_credit img, #pgcontact #nav_contact img, #pghelp #nav_help img {visibility: hidden} /* SIDEBAR ---------------------------------------------------*/ #sidebar {margin-top:2px; left: 0px; width: 200px; float:left; display: block; padding-bottom: 2px} #sidebar img {border: none} #sidebar #manuf {width: 153px; border: 1px solid #CCCCCC; border-top: 0px; border-bottom: 0px; margin: 3px 0px 0px; display:block; padding: 50px 17px 20px; background:url(../images/search_mfg.gif) no-repeat} #sidebar #manuf h1 {font-size: 12px; color: #333; font-weight: bold; margin: 0px 0px 7px; padding: 0px 5px; border-bottom: 1px solid #ccc} #sidebar #manuf ul {font-size: 12px; line-height: 17px; margin: 0px 12px 12px} #sidebar #manuf ul a {width: 100%; display: block} #pictool,#advicetool {width: 189px; height: 115px; background:url(../images/photo_tools_o.gif) no-repeat} #pictool a:link, #pictool a:visited, #advicetool a:link, #advicetool a:visited {font-size: 11px; color: #fff; text-decoration:none} #pictool a:hover, #pictool a:active, #advicetool a:hover, #advicetool a:active {text-decoration: underline} #advicetool {width: 145px; height: auto; background: url(../images/bkg_tools.gif) repeat-x #0b456d bottom; padding: 15px 22px; font-size: 11px; color: #ffc052; font-weight:bold} #pictool a {height: 91px; display:block; margin: 0px; padding: 0px} #pictool img {float: left; clear: both} /* CONTENT & FORMATTING ---------------------------------------------------*/ #content {position: relative; width: 760px; min-height: 300px; margin: 0px auto; clear: both} #contentbox {position: relative; top:0px; width: 531px; margin: 0px auto 10px; padding-right: 20px; float:right} #contentbox ul, #content ol {margin: 10px 5px 10px 20px} #contentbox li {margin-bottom: 10px; margin-left: 20px} #contentbox ul li {list-style: url(../images/bullet.gif)} #contentbox ol li {list-style: decimal} #contentbox ol li ol li {list-style: lower-alpha; margin-bottom: 5px} p {margin: 0px 0px 15px} #content h6 {width: 100%; height: 43px; text-align: right; margin: -20px 0px 20px 0px; display:block; border-bottom: 1px solid #c2a1c2} /*graphic pg titles*/ #content h6 img {border: none} h1, .largetitle, .shippingtitle, .pageHeading {font-size: 18px; margin: 8px 0px 10px; color: #0a416a; font-weight: bold} .largetitle, .shippingtitle, .pageHeading {height: 25px; margin: 8px 0px 0px} h2, .redptitle {font-size: 14px; margin: 4px 0px; color: #8b9802; font-weight: bold} .redptitle {margin-top: 30px; display:block} h3 {font-size: 12px; color:#333} h4 {font-size: 12px; color: #cc6600; margin: 0px 0px 8px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .clearright {clear: right} textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px} #breadcrumbs {width: 100%; height: 22px; margin: 2px 0px 10px; padding-top: 10px; color: #49818a} #breadcrumbs a:link, #breadcrumbs a:visited {color: #49818a; text-decoration: none} #breadcrumbs a:hover, #breadcrumbs a:active {color: #105277; text-decoration: underline} #pagination {font-size: 11px; cursor:pointer; font-weight: bold; color: #93a103; margin: 10px 0px; float:left} #pagination div {width: 380px; float: left} #pagination div a {padding: 0px 2px} #pagination span {width: 150px; display: block; float: right; text-align: right} #pagination a:link, #pagination a:visited {color: #666; font-weight: normal} #pagination a:hover, #pagination a:active {color: #93a103} .note {font-size: 11px; font-style:italic} /* BOXES ---------------------------------------------------*/ #greenlftsm, #greenlftlg {width: 529px; height: 8px; background: url(../images/boxlft_grn.gif) top left no-repeat #b2ce6f} #greenlftlg {width: 525px; height: 20px; color: #fff; font-size: 12px; font-weight:bold; padding: 6px 0px 0px 8px} #greenrt {width: 100%; height: 8px; background: url(../images/boxrt_grn.gif) top right no-repeat #b2ce6f} .greenlt, #greenlt {width: 530px; height: 8px; background: url(../images/boxlft_grnlt.gif) top left no-repeat #c7e08c; border-top: 1px solid #fff; padding: 0px} #bluelft, .bluelft {width: 100%; height: 8px; background: url(../images/boxlft_bl.gif) top left no-repeat #6fbbc6} blockquote {width: 505px; padding: 12px; border: 1px solid #cdcdcd; border-top: 1px solid #fff; margin: 0px 0px 20px; display:block; float:left; clear:right} .box {width: 529px; border: 1px solid #cdcdcd; border-top: 1px solid #fff; margin: 0px 0px 20px; display:block; float:left} /* HOME ---------------------------------------------------*/ #home #leftcol {width: 180px; float: left; position: absolute; left:0px} #home blockquote {position: relative; width: 300px; border-top: 1px solid #cdcdcd; margin-top: 10px; padding: 30px 20px 30px 210px; clear: both} #home blockquote img {position: absolute; left: -10px; width: 190px; height: 177px} #home h2 {position: relative; display: block} #home #left {width: 169px; height: 222px; background:url(../images/home_shop_o.jpg) no-repeat; display:block; float: left} #home #center {width: 169px; height: 222px; background:url(../images/home_request_o.jpg) no-repeat; margin: 0px 12px; display:block; float: left} #home #right {width: 169px; height: 222px; background:url(../images/home_advice_o.jpg) no-repeat; display:block; float: left} #pghome #breadcrumbs {height: 8px} #pghome #breadcrumbs a {display: none; visibility: hidden} #pghome #valueprop {position: absolute; left:0px; top: 190px} /* QUOTE REQUEST ---------------------------------------------------*/ #request label {display: block; clear: both; margin-top: 5px} #request input {width: 98%} #request .formbtn {width: auto; height:auto} #request #contactform {border-bottom: 4px solid #cadaa4; border-top: 4px solid #cadaa4; float: left; margin-bottom: 15px} #request .productform {border-bottom: 4px solid #cadaa4; background-color: #dfebc2; float: left; margin-bottom: 5px} #request .productform .left label {clear: none; float: left; width: 80px; margin-top: 5px} #request .productform input {width: 140px; 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 #copybtn {float:left; width: 410px; float:left; display: block} #reqeust #submitbtn {float: left} #sell label {display: block; clear: both; margin-top: 5px} #sell input {width: 98%} #sell .formbtn {width: auto; height:auto} #sell #contactform {border-bottom: 4px solid #6fbbc6; border-top: 4px solid #6fbbc6; float: left; margin-bottom: 15px} #sell .productform {border-bottom: 4px solid #6fbbc6; background-color: #c6ecf1; float: left; margin-bottom: 5px} #sell .productform .left label {clear: none; float: left; width: 80px; margin-top: 5px} #sell .productform input {width: 140px; margin-top: 5px} #sell .productform textarea {width: 98%; height: 70px} #sell .productform select {width: 100px; float: left; clear: right; margin: 0px 0px 8px} #sell .cond label {width: 60px; float: left; margin: 3px 0px 8px} #sell #copybtn {float:left; width: 410px; float:left; display: block} #sell #submitbtn {float: left} .close {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 10px; background:url(../images/btn/close.gif) no-repeat right; color:#105277} .close a:hover {text-decoration:none} *html .close a:link, *html .close a:visited, *html .close a:active {height:4px; /*padding:2px 22px 2px 0px; margin:0px 0px 0px 0px*/} /* SUPPORT ---------------------------------------------------*/ #support blockquote {position: relative; border-bottom: 4px solid #cadaa4; border-top: 4px solid #cadaa4} #support #top {border: 1px solid #cdcdcd; border-top: 1px solid #fff; margin-bottom: 15px} #support h1 {margin-bottom: 0px} #support #top a {position: relative; width: 155px; height: 110px; display: block; float:left; color: #fff} #support #supcontact {background-color: #3a94aa} #support #suppic {background-color: #ca8017; margin: 0px 16px} #support #suphelp {background-color: #86a53d} #support #suppic img, #support #suphelp img {margin-bottom: 3px} #support #top span {position: relative; width: 90%; height: 70px; margin: 0px auto; font-size: 11px; line-height:12px; text-align:center; display:block} #support #top a, #support #top a:link, #support #top a:visited {color: #fff; text-decoration: none; display:block} #support #supcontact:hover {background-color: #4dabc2} #support #suppic:hover {background-color: #de952e} #support #suphelp:hover {background-color: #96b845} #support #top a img {margin: 0px 0px 7px} #support #top a b {position: absolute; bottom: 4px; left: 0px; width: 100%; text-align:center; color: #fff; display:block; font-size: 14px; font-weight:bold} #support #top a b img {margin: 0px} #support #rightcol {width: 240px; float:right; border-left: 1px solid #CCCCCC; padding: 0px 15px} /* SEND A PICTURE ---------------------------------------------------*/ #sendpic label {display: block; clear: both; margin-top: 5px} #sendpic input {width: 98%; margin-top: 1px} #sendpic .formbtn {width: auto; height:auto} /* SITE MAP ---------------------------------------------------*/ #pgsitemap #contentbox blockquote a {padding: 2px 0px; display:block; height:auto} #pgsitemap #contentbox blockquote br {display: none; visibility: hidden} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {width: 760px; height: 40px; margin: 2px auto 20px; clear: both; padding-top: 19px; border-top: 6px solid #6fbbc6; color:#333333; font-size:11px; text-align:center; display:block} #siteinfo ul li {height: 12px; display: block; margin-right: 4px; padding-right: 4px; float: left; border-right: 1px solid #999999} #siteinfo img {float: right; margin-top: -5px} #siteinfo a:link, #siteinfo a:visited {color: #3a3a3a; text-decoration: none; display:block} #siteinfo a:hover, #siteinfo a:active {color: #568eae; text-decoration: underline} #siteinfo ul li.copyright {height: 25px; width: 100%; display: block; margin: 0px; padding: 0px; float: left; clear:both; text-align:left; border: none} #siteinfo ul li.copyright a {display: inline} .formbtn {width: auto; height:auto} /* FROM STYLESHEET.CSS --------------------------------------------------*/ .messageStackError, .messageStackWarning { color: red; margin: 20px 0px; display:block } .messageStackSuccess { color: #CC0000} /* FROM HTML/STYLES.CSS --------------------------------------------------*/ .ptitle, .spectitle {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;font-weight: bold} /* CHECKOUT AREA -------------------------------------------------*/ #shpinfo input {width: auto; float: left; clear: none; margin: 0px; padding: 0px} /* GLOSSARY -------------------------------------------------*/ #glossary u {list-style: none; margin: 0px} #glossary ul li {list-style: none; margin: 0px; display:block; float: left} #glossary .col {margin-bottom: 50px} #glossary ul a {display: block; text-align:center; border: solid 1px #fff; padding: 3px; margin: 2px 0px} #glossary ul a:hover {border: solid 1px #cadaa4; font-weight: bold; color: #105277} #glossary .terms {clear: both} #glossary .terms h3 {display: block; border-bottom: 2px solid #cadaa4} #glossary .terms blockquote, #glossary .term {border-top: 4px solid #cadaa4} #glossary ol {margin: 3px 0px} #glossary ol li {list-style: none; margin: 3px 0px} #glossary .term /* SHOP ONLINE & SHOP ONLINE RESULTS ---------------------------------------------------*/ /*Search*/ #shop #shopsearch, #shop #mfrshopsearch {position: relative; height: 115px; padding: 11px; border-bottom: 4px solid #cadaa4; background-color: #dfebc2; margin-bottom: 0px} #shop #shopsearch div, #shop #mfrshopsearch div {position: relative; margin: 0px 0px 10px} #shop #shopsearch div a, #shop #mfrshopsearch div a {position: absolute; top: 0px; right: 15px; display:block} #mfg, #poles, #amperages, #voltages, #types {width: 87px; height:90px; float: left; margin-left: 2px} #mfg {width: 138px} #shop #mfrshopsearch #types, #shop #mfrshopsearch #poles, #shop #mfrshopsearch #amperages, #shop #mfrshopsearch #voltages {width: 115px; height:90px; float: left; margin-left: 5px} /*Status*/ #shop #status {position: relative; height: 15px; clear: both; padding: 8px 0px} #shop #status h3 {display: inline; float: left; margin-right: 5px} #shop #status div {height: 10px; padding-top: 2px; border: 1px solid #7b7b7b; border-top: 0px; border-bottom: 0px; display: inline-block; margin-top: 2px; float:left} #shop #status img {float: left; margin: 0px 1px} #shop #status input {position: absolute; top: 5px; right: 0px; display: block} #shop #status span {margin-left: 20px; font-weight: bold} /*Results*/ #shop #results, #shop #results .mfrresults {width: 530px; height: 307px; overflow: auto; border-bottom: 4px solid #cadaa4; clear: left; padding: 0px} #shop #results div {width: 510px; height: 15px; margin: 0px; display:block; border-bottom: 1px solid #c0c0c0; padding: 5px 0px; cursor: default} #shop #results.mfrresults div {height: 80px} #shop #results h1 {width: 230px; height: 100%; margin: 0px; padding: 0px 5px; font-size:11px; font-weight:normal; display: inline-block; float: left} #shop #results img {display: none; visibility: hidden} #shop #results.mfrresults img {display: block; visibility: visible; float: left; margin-right: 5px} #shop #greenlftlg ul {width: 270px; height: 25px; margin: 0px; padding: 5px; float:left; display:block} #shop #results div ul {width: 270px; height: 25px; margin: 0px; padding: 0px; float:left; display:block} #shop #results .mfrresults div ul {height: 80px} #shop #results li, #shop #results .mfrresults li, #shop #greenlftlg li {list-style: none; margin: 0px; padding: 0px 5px; display:block; float: left; text-align:center; color: #333; text-decoration: none; font-size:11px} #shop #greenlftlg li {color: #fff} #shop .type {width: 40px} #shop .poles {width: 30px} #shop .amps {width: 65px} #shop .volts {width: 95px} #shop #greenlftlg h1 {width: 230px; color: #fff; font-weight: bold; padding: 5px; padding-right: 0px; margin: 0px; font-size:12px; display: inline-block; float: left} #shop #greenlftlg {width: 532px; padding: 5px 0px; margin: 0px; float: left; clear: both} /*Help*/ #shop #help {padding-top: 20px; clear: both} /* MFG & KEYWORD LISTING/RESULTS*/ --------------------------------------------------- #mfgtemplate #refinesearch {position: relative; height: 115px; padding: 11px; border-bottom: 4px solid #cadaa4; background-color: #dfebc2; float: left; clear:right} #mfgtemplate #poles, #mfgtemplate #amperages, #mfgtemplate #voltages, #mfgtemplate #types {width: 116px; margin: 0px 2px} #mfgtemplate #poles {margin-left: 10px} /*Results*/ #mfgtemplate #results {width: 530px; border-bottom: 4px solid #cadaa4; float: left; padding: 0px; clear:both; margin-bottom: 0px} #mfgtemplate #results div {width: 530px; height: 75px; margin: 0px; display:block; border-bottom: 1px solid #c0c0c0; padding: 5px 0px; float: left} #mfgtemplate #results h1 {width: 270px; height: 100%; margin: 0px; padding: 0px 5px; font-size:11px; font-weight:normal; display: inline-block; float: left} #mfgtemplate #greenlftlg ul {width: 240px; margin: 0px; padding: 5px; padding-bottom: 0px; float:left; display:block} #mfgtemplate #results div ul {width: 255x; height: 25px; margin: 0px; padding: 0px; float:left; display:block} #mfgtemplate #results li, #mfgtemplate #greenlftlg li {list-style: none; margin: 0px; padding: 0px 5px; display:block; float: left; text-align:center; color: #333; text-decoration: none; font-size:11px} #mfgtemplate #greenlftlg li {color: #fff} #mfgtemplate .type {width: 30px} #mfgtemplate .poles {width: 30px} #mfgtemplate .amps {width: 55px} #mfgtemplate .volts {width: 85px} #mfgtemplate blockquote img {width: 75px; height:75px; float: left; margin: 0px 5px} #mfgtemplate blockquote b {color: #666; display: block; margin: 5px 0px} #mfgtemplate #greenlftlg h1 {width: 270px; color: #fff; font-weight: bold; padding: 5px; padding-right: 0px; margin: 0px; font-size:12px; display: inline-block; float: left} #mfgtemplate #greenlftlg {width: 532px; height: 25px; padding: 5px 0px; margin: 0px; float: left; clear: left; border-top: 3px solid #fff} #mfgtemplate #mfgmenu {position: absolute; top: -31px; right: 0px} * html #mfgtemplate #mfgmenu {position: absolute; top: -39px; right: 0px} #mfgtemplate #submitbuttons {width: 486px; text-align: right; margin-top: 5px; float:left} /* PRODUCT DETAIL ---------------------------------------------------*/ #proddetail {position: relative; width: 529px} #proddetail h1 {font-size: 14px; margin: 30px 0px 3px 0px} #proddetail #greenrt {width: 265px} #proddetail blockquote {width: 230px; padding: 15px; border-bottom: 4px solid #cadaa4; color: #666; margin-bottom: 2px; float: none} #proddetail #top {height: 100px} #proddetail blockquote p {margin: 3px 0px 8px; display: block} #proddetail blockquote a {} #proddetail #buytools img {float: left} #proddetail form {width: 150px; float: left; margin-left: 5px; border-left: 1px solid #b7d177; padding-left: 5px; text-align:right} #proddetail #buytools input {width: 20px; font-size: 11px; color: #333} #proddetail .phone {clear: both; width: 265px; font-size: 14px; font-weight:bold; color: #666666; text-align: center; font-style:normal; display:block; margin: 0px; padding: 15px 0px } #proddetail .phone h2 {display: inline} #proddetail #buytools .formbtn {width: auto; height:auto} #buytools p {position: relative; display: inline; top: -5px; left: -8px; color: #666} #prodlg {position: absolute; top: 40px; right: 0px} #proddetail #buytools {float: left; display:block; position:relative; left:0px } #proddetail #bottom blockquote {width: 500px; padding-top: 0px} #proddetail h3 {margin: 15px 0px 0px} #proddetail .left {margin: 0px 0px 10px} #proddetail .right {margin: 16px 5px 10px} #proddetail .right h3 {margin: 0px; display: inline} #proddetail .right div {display: block; margin-bottom: 4px} /* SHOPPING CART ---------------------------------------------------*/ /*Contents*/ #carttemplate #contents {width: 530px; border-bottom: 4px solid #cadaa4; float: left; padding: 0px; clear:both; margin-bottom: 0px} #carttemplate #contents div {width: 530px; height: auto; margin: 0px; display:block; border-bottom: 1px solid #c0c0c0; padding: 5px 0px; float: left} #carttemplate #contents h1 {width: 360px; height: 100%; margin: 0px; padding: 0px 5px; font-size:11px; font-weight:normal; display: inline-block; float: left} #carttemplate #greenlftlg ul {width: 140px; margin: 0px; padding: 2px; padding-bottom: 0px; float:left; display:block} #carttemplate #contents div ul {height: 15px; margin: 0px; padding: 0px; float:left; display:block} #carttemplate #contents li, #carttemplate #greenlftlg li {list-style: none; margin: 0px; padding: 0px 5px; display:block; float: left; text-align:center; color: #333; text-decoration: none; font-size:11px} #carttemplate #greenlftlg li {color: #fff} #carttemplate .qty {width: 30px} #carttemplate .price {width: 80px} #carttemplate blockquote b {color: #666; display: block; margin: 5px 0px} #carttemplate #greenlftlg h1 {width: 370px; color: #fff; font-weight: bold; padding: 3px 0px; padding-right: 0px; margin: 0px; font-size:12px; display: inline-block; float: left} #carttemplate #greenlftlg {width: 527px; height: 20px; padding: 3px 0px 3px 5px; margin: 0px; float: left; clear: left; border-top: 3px solid #fff} #carttemplate #contents {margin-bottom: 5px} #carttemplate .account {margin: 20px 0px 0px 20px} #carttemplate .bluelft {margin-top: 5px} #carttemplate .account h1 {margin-bottom: 0px} #carttemplate .left blockquote, #carttemplate .right blockquote {width: 89%; height: 180px} #carttemplate .signin label, #carttemplate .signin input {display: block} #carttemplate input {margin-bottom: 5px} #carttemplate form a {display: block; margin: 5px 0px; font-size:11px} #carttemplate .signin .formbtn {width: auto; height:auto} #carttemplate .BtnUpdatecart, #carttemplate .BtnCheckout {width: 90px; height: 30px; display: block; float: right; text-align: right} #carttemplate .BtnCheckout a {margin: 0px; padding: 0px} /* CHECKOUT AREA -------------------------------------------------*/ #carttemplate #ajaxcheckout label {width: 200px; margin-top: 10px; font-weight:bold} #carttemplate #ajaxcheckout input, #carttemplate #ajaxcheckout select {width: 250px; margin-top: 0px; position:relative} #carttemplate #ajaxcheckout #shpinfo input {width: 25px; float: left; clear: left; margin: 0px; padding: 0px} #carttemplate #ajaxcheckout #shpinfo br {display:block; height: 50px; clear:both} #carttemplate #ajaxcheckout #shpinfo span {font-weight: bold; margin: 0px 5px; border-left: 1px solid #CCCCCC; padding-left: 5px} #carttemplate #ajaxcheckout a {width: auto; display:inline; font-size: 12px} #tax_div h1, #shipping_div h1, #total_div h1, #subtotal_div h1 {font-size: 12px; font-weight: bold; text-align: right} * html #carttemplate #subtotal_div .price {position: relative; width: 75px; text-align: right} /* AUTOSUGGEST -------------------------------------------------*/ .autosuggest, #popup {top: 0px; right: 0px; position:absolute; width: 140px; z-index:9999; border-bottom: 1px solid #CCCCCC } * html .autosuggest, #popup {top: auto; left: 0px; position:absolute; z-index:9999; margin-top: 30px} .autosuggest a {width: 140px; white-space: nowrap; font-size: 11px; line-height:16px; background-color: #f6fde4; display: block; cursor: pointer; padding: 2px 15px; border: 1px solid #CCCCCC; border-top: none; border-bottom: none} * html .autosuggest a {white-space: nowrap; font-size: 11px; line-height:16px; width: 140px; background-color: #f6fde4; display: block; cursor: pointer; padding: 2px 14px; border: 1px solid #CCCCCC; border-top: none; border-bottom: none} .autosuggest a:hover {color: #568eae} .subtitle2 { color:#3E3E3E; font-style:italic; font-weight:bold; }