/* Reset */
html, body, form, fieldset {margin:0;padding:0;font:9pt Verdana,sans-serif;}
fieldset {border:none;}
input, select, textarea {font:100% sans-serif;}
ol, ul {margin:0 0 0 1em;padding:0 0 0 1em;}
a:link, a:visited {color:#666;}
a:hover {color:#ff0000;}
a img {border:0;}
p {margin:12px 0;}
.hidden {display:none;}
.cssclear {clear:both;/*height:0;*/}
.info {margin:10px 5px;padding:5px 5px 5px 30px;background:#ecf3fb url(/img/information.gif) no-repeat 5px 5px;border:1px solid #d2e8ff;}
.error {margin-bottom:10px;padding:5px 5px 5px 30px;background:#fff8e8 url(/img/error.gif) no-repeat 5px 5px;border:1px solid #ffe9bf;}
.errorlabel {background:url(/img/bullet_error.gif) no-repeat 6px;color:#d90000;}
.note {color:#666;font-size:90%;}
.warning {color:#ff0000;}
.dimmed {font-style:italic;color:#66CCCC;}
.contracted {display:block;}
.jsenabled .contracted {display:none;}

#nav {clear:both;float:left;width:100%;background:url(/img/logotop.gif) no-repeat bottom left #31659C;margin:0;padding:6px 0;font-size:8pt;}
#nav ul, #nav li {margin:0;padding:0;display:inline;list-style-type:none;}
#nav ul {margin-left:90px;border-right:1px dotted #cccccc;}
#nav li {border-left:1px dotted #cccccc;}
#nav a:link, #nav a:visited {margin:0 15px 4px 15px;text-decoration:none;color:#fff;}
#nav a:hover {color:#cccccc;}

#logo {clear:both;width:100%;height:75px;background:url(/img/logo.gif) no-repeat 10px top;}

#banner {width:100%;height:100px;border-top:18px solid #319ACE;border-bottom:8px solid #CECFCE;background:#31659C;margin:0 0 20px 0;}

#wrapper {float:right;width:100%;margin-left:-300px;}
#main {margin-left:300px;margin-right:20px;}
#leftcol {float:left;width:240px;margin:0 40px 0 20px;}

#fullwidth {width:auto;margin:0 0 0 20px;}

h1, h2, h4 {margin:0 0 10px 0;font-size:10pt;}
h3 {font-size:9pt;}
h4 {font-size:11pt;}

#summary {margin:0;padding:0;list-style-type:none;}
#summary li {display:block;width:100px;height:90px;float:left;padding:5px;margin:5px;background:#f3f1ef;border:1px solid #c2e0e0;}
#summary li:hover {background:#c2e0e0;border:1px solid #ccc;}
#summary a {font-size:8pt;text-align:center;display:block;}
#summary img {height:50px;border:1px solid #c2e0e0;}
#summary li:hover img {border:1px solid #ccc;}

.breadcrumb span {font-weight:bold;}

.results th {text-align:left;padding:2px 20px;/*background:#c2e0e0;*/border-top:1px solid #666;border-bottom:1px solid #666;}
.results td {padding:2px 20px;}
.results .alternate {background:#f3f1ef;}
.results tbody tr:hover {background:#e9e4e0;}

#detailwrapper {float:left;width:100%;}
#details {float:left;display:block;width:auto;}
#details #tabledetail th {font-weight:bold;text-align:right;}
#details #tableprices {margin:5px 0;}
#details #tableprices th {font-weight:bold;text-align:center;border-bottom:1px solid black;padding:3px;}
#details #tableprices td {font-size:10pt;font-weight:bold;color:#ff0000;padding:3px 6px 3px 6px;}
#details p {font-size:7pt;color:#666666;margin-top:5px;}
#details input.qtyfield {width:30px;height:14px;vertical-align:middle;}
#details input.buybutton {width:36px;height:22px;vertical-align:middle;}

#datasheets {float:left;display:block;width:100%;clear:both;}
.col1, .col2 {float:left;display:block;width:auto;}
.col1 {margin-right:10px;}

#photo {float:left;width:200px;margin-right:20px;}
#photo p {font-size:7pt;color:#666666;margin-top:0;}
#photo img, .imgborder {border:1px solid #666666;}

#info {float:left;width:100%;}

#buywait {display:none;vertical-align:middle;padding:3px 5px;}

#buyconfirmtag {position:relative;top:0px;left:0px;display:none;}
#buyconfirm {position:absolute;top:40px;right:-50px;width:220px;border:1px solid #bfdca0;padding:4px 8px;background:#e9f3de;color:#666666;font-size:8pt;line-height:10pt;}
#buypointer {position:absolute;top:22px;right:-15px;width:26px;height:19px;background:url(/img/point.gif) no-repeat;}

.competitorxref {margin:12px 0;}
.competitorxref ul {margin:0;padding:0;}
.competitorxref ul li {list-style:none;display:inline;margin-right:10px;}

#related {float:left;width:auto;}
ul.relatedmain {margin:0;padding:0;}
ul.relatedmain li {list-style:none;border-top:1px solid #ccc;}
ul.relatedmain a {display:block;line-height:20px;text-decoration:none;color:#666666;background:url(/img/expand.gif) no-repeat 3px;padding:0 0 0 20px;}
ul.relatedmain a:hover {background-color:#eee;}
ul.relatedmain a.expanded {background-image:url(/img/contract.gif);}
ul.relateditems {padding-bottom:5px;}
ul.relateditems li {border:none;}
ul.relateditems a {display:inline;line-height:normal;text-decoration:underline;background:none;}
ul.relateditems a:hover {color:#ff0000;background:none;}

.box {width:240px;background:#c2e0e0;}
.box p, .box h2, .box form {padding:0 10px;}
.box form, .box ul, .box ol {margin-top:6px;margin-bottom:6px;}
.box table {margin:6px 10px;}
.box ol {margin-left:20px;}
.box li {line-height:12pt;}
.box li.current {font-weight:bold;}
.box h2 {margin:0;font-weight:bold;text-align:center;}
.box form {text-align:center;}
.box ul {color:#666666;}
.box a {color:#666666;text-decoration:none;}
.box a:hover {color:#ff0000;text-decoration:underline;}
.boxtop {width:240px;height:10px;background:url(/img/boxheader.gif) no-repeat top;}
.boxbottom {width:240px;height:10px;background:url(/img/boxfooter.gif) no-repeat bottom;}

#basket {/*border:1px solid #ccc;border-bottom:1px solid #ccc;*/}
#basket .qtycell {text-align:center;}
#basket .qtyfield {text-align:center;padding-top:0;padding-bottom:0;}
#basket tfoot td, #basket tfoot th {text-align:right;font-weight:bold;}
#basket tr.toprule td, #basket tr.toprule th {border-top:1px solid #ccc;}
#basket td.rightrule {border-right:1px solid #ccc;}
#basket thead th {text-align:left;padding:2px 5px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
#basket thead th.center {text-align:center;}
#basket td {padding:2px 5px;}
#basket tr.alternate {background:#f3f1ef;}
#basket .price {text-align:right;}
#basket img {vertical-align:middle;}
#basket tr.update td {border-top:1px solid #ccc;}
#basket tr.update input {vertical-align:middle;}
#basket td.updatelabel {text-align:right;font-weight:normal;}
#basket td.footer-left {text-align:left;vertical-align:top;font-weight:normal;padding-top:10px;}
#basket td.footer-right {text-align:right;vertical-align:top;font-weight:normal;padding-top:10px;}
#basket td.footer-right .cardlogos {padding-top:5px;}
#basket .updatebutton {vertical-align:middle;margin-top:-2px;}

#checkoutsummary td {text-align:right;}
#checkoutsummary th {text-align:right;font-weight:normal;}

#assembly {float:left;width:555px;}
#dropdown1, #dropdown2, #dropdown3 {float:left;width:33%;text-align:center;}
#diagram {float:left;width:550px;height:51px;margin-top:10px;background:url(/img/cableass.gif) no-repeat;}
#cable {float:left;width:550px;}
#cablelength {float:left;width:32%;text-align:center;}
#leftarrow {float:left;width:33%;background:url(/img/arrowl.gif) no-repeat 55px;height:26px;}
#rightarrow {float:right;width:33%;background:url(/img/arrowr.gif) no-repeat 57px;height:26px;}
#assembly select, #assembly input {width:150px;margin:2px;}
#assembly label {font-weight:bold;font-size:90%;}

#assemblyinfo {float:left;width:100%;}
#assemblyinfo label {float:left;display:block;width:150px;text-align:right;margin:5px;font-weight:bold;font-size:90%;}
#assemblyinfo input, #assemblyinfo textarea {margin:2px;}
#assemblyinfo .submitbutton {width:45px;height:22px;margin-left:162px;}

#checkout label {float:left;display:block;width:150px;text-align:right;margin:5px;font-weight:bold;}
#checkout input, #checkout textarea, #checkout select {margin:2px;}
#checkout select {margin-bottom:3px;} /* for Google Chrome */
#checkout .submitbutton {width:45px;height:22px;margin-left:162px;}
#checkout #usebilling {float:left;margin:0 10px 0 140px;}
#checkout .checkboxlabel {float:none;width:auto;text-align:left;font-weight:normal;margin:0;}
#checkout a {margin-left:162px;}

.sitemap h1, .sitemap h2 {margin-top:10px;}
.sitemap ul {margin-left:20px;font-size:8pt;}
.sitemap h2 a {text-decoration:none;color:black;}
.sitemap h2 a:hover {text-decoration:underline;color:#ff0000;}

#footer {clear:both;width:100%;border-top:1px solid #66CCCC;color:#66CCCC;margin-top:20px;font-size:7pt;}
#footer p {float:left;width:auto;margin:0;padding:5px;}
#footer ul {display:block;float:left;width:auto;margin:0;list-style:none;padding:5px;}
#footer a {color:#66CCCC;}
#footer a:hover {color:#ff0000;}

/* icons */
.basketicon {background:url(/img/basket.gif) no-repeat 0px 3px;padding:5px 5px 5px 23px;}
.acrobaticon {background:url(/img/acrobat.gif) no-repeat 0px 5px;padding:6px 5px 5px 23px;}
.wrenchicon {background:url(/img/wrench.gif) no-repeat 0px 5px;padding:5px 5px 5px 23px;}
.lockicon {background:url(/img/lock.gif) no-repeat 0px 5px;padding:0 5px 5px 23px;margin-top:0;}
.accepticon {background:url(/img/accept.gif) no-repeat 0px 4px;padding:5px 5px 5px 23px;display:block;}
.erroricon {background:url(/img/error.gif) no-repeat 0px 4px;padding:5px 5px 5px 23px;display:block;}