body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;}

ol {
  list-style: none;}

table {
  border-collapse:collapse;
  border-spacing:0;}

fieldset,img { 
  border:0;}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;}

/*ol,ul {
list-style:none;}
*/
caption,th {
  text-align:left;}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;}

q:before,q:after {
  content:'';}

abbr,acronym { 
  border:0;}

a:link, a:visited {
  text-decoration: none;}

a:hover, a:active {
  text-decoration: underline;}

#main-content {
  padding-left: 5px;
  text-align: left;
  width: 1026px;
  margin-left: auto;
  margin-right: auto;
}

body {
  text-align: center;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #112D55;}
body a {
  color: #112D55;
  font-weight: bold;}

.activeTab {
  color: #112D55;
  font-weight: bold
}  
/* p {margin-bottom: 15px;}*/

#header {
  background: url(/images/header.gif) no-repeat top left;
  height: 155px;
  margin: 20px 0 -5px 1px;}

#phone_info {
  margin-left: 680px;
  padding-top: 28px;
  font-size: large;
  font-weight: bold;
}

#notification_space {
  margin: 0 0 5px 40px;
  border: 1px solid red;
  padding-left: 5px;
  width: 580px;}

/*making everything not float about using content, can i get rid of this div somehow?*/

#content {
  width:1026px;}

#mainNav {
  background: url(/images/mainNav.gif) no-repeat top left;
  float: left;
  width: 150px;
  height: 450px;
  padding: 20px 0 0 15px;}
#mainNav li {
  background: url(/images/mainNav_inactive.gif) no-repeat top left;
  width: 105px;
  padding-left: 15px;
  line-height: 45px;
  height: 50px;}

/*mainNav "current page" selector. all main-names must be here*/

#home #mainNav .home,
#materials #mainNav .materials,
#equipment #mainNav .equipment,
#clients #mainNav .clients,
#quotes #mainNav .quotes,
#drawings #mainNav .artwork,
#contact #mainNav .contact,
#faqs #mainNav .faqs {
  background: url(/images/mainNav_active.gif) no-repeat top left;
  line-height: 45px;
  margin-left: -2px;
  height: 53px;}

li .contact{
  background: url(/images/mainNav_active.gif) no-repeat top left;
  line-height: 45px;
  margin-left: -2px;
  height: 53px;}

/*The name of the div containing the subnav, maincontent and secondary content is the same name as the sub-name of the page ie the name that will appear on the subnav tab. sems superfluous, can i merge it with content? currently floating so stuff doesnt stick on mainNav*/

#supplying_artwork{
  float:left;}

#subNav { 
  float: left;}
#subNav li {
  font-size: small;
  background: url(/images/subNav_inactive.gif) no-repeat top left;
  float: left;
  display: inline;
  width: 138px;
}
#subNav li a, #subNav li span {
  padding-left: 20px;
  line-height: 40px;
}

/*"current page" selector for the subnav bar. all subnav names must be here*/   

#subNav .activeTab {
  background: url(/images/subNav_active.gif) no-repeat top left;}

#mainContent {
  clear: both;
  float: left;
  display: inline;
  background: url(/images/mainContent_bottombox.gif) no-repeat bottom left;
  width: 510px;
  min-height:400px;
  height:auto !important;
  height:400px;
  margin: 0 0px 10px 0;
  font-size: small;}
#mainContent .roundingBox{
  background: url(/images/mainContent_topbox.gif) no-repeat top left;}
#mainContent .roundingBox h2 {
  font-weight: bold;}

/*min-height hack in main and secondary content for ie6, but should work universally...*/

#secondaryContent {
  float: right;
  background: #84afd0 url(/images/secondaryContent_bottombox.gif) no-repeat bottom left;
  width: 340px;
  min-height:400px;
  height:auto !important;
  height:400px;
  margin: 42px 0 10px 0;}
#secondaryContent .roundingBox {
  background: url(/images/secondaryContent_topbox.gif) no-repeat top left;
  padding: 15px 0 0 22px;}
#secondaryContent .roundingBox p {
  margin-bottom: 10px;}

#footer {
  clear: both;
  background: url(/images/footer.gif) no-repeat top left;
  margin-top: 10px;
  line-height: 40px;
  text-align: center;
  height: 50px;}
#footer ul {
  margin-left: 380px;}
#footer li {
  float: left;
  margin-right: 15px;
  line-height: 40px;
  font-size: large;}
#footer li a {
  color:#ffffff;
  font-weight: normal;}

/* Gallery Page */
table .thumbs {
  margin: 0 auto;
  width: 450px;}
table.thumbs td {
  text-align: center;
  padding-bottom: 10px;
  width: 170px;}
.thumbs img {
  margin-bottom: 10px;}

div .gallery_contact {
  margin: 0 0 20px 20px;
}

#gallery_page p {
  margin: 10px 0 10px 20px;}

#gallery_page .inner_float {
  float: left;
  width: 150px;}

#gallery_page .wider {
  width: 280px;}

#gallery_page .gallery_title {
  margin-bottom: 5px;
  padding: 0;
  font-weight: bold;
  font-size: large;
}

#gallery_page .unbold a{
  font-weight: normal;}

/* ExtJs Radios */
input.quantradio .x-form-field, input.checkbox, input.submit {border:1px solid red;
  width: auto;
} 
input.quantradio .x-form-field {
  float: left;
  margin-right: 1em;
}

x-form-field-wrap, x-form-element, x-form-field, myclass {
  display: inline;
  border: 1px solid red;
}
.supplyradio {
  width:250px;
}
.checkboxleft{
  float:left;
  width:200px;
}
.checkboxright{    
  width:200px;
  float: right;
}
.checkboxwidth {border: 1px solid red;
  width:10px;
}
.circular-tube, .specifications {
  margin-right: 15px;
  color: #112D55;
  font-weight: normal;
  font-size: 12px;
  float: left;
}
.specificationsie {
  margin-right:15px;
  color: #112D55;
  font-weight: normal;
  font-size: 12px;
  float: left;
}
.units {
  margin-top: -25px;
  margin-right: 315px;
  color: #112D55;
  font-weight: normal;
  font-size: 12px;
  float: right;
}

.thick { 
  margin-left: 5px;
  color: #112D55;
  font-weight: normal;
  width:40px;
  font-size: 12px;
  float: left;
}
.notes {
  margin-left:0;
  margin-right: 20px;
  width: 490px;
  color: #555555;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  float: left;
}
.grade-label {
  float:left;
  display: inline;
  font-size: 12px;
}

table.contact {
  margin: 30px 0 0 80px;
}

.materials_page ul {
  padding-bottom: 0 !important;
}

#mainContent ul {  
  padding: 0px 0 25px 20px;
  list-style-type: disc !important;
}


#mainContent li {  
  padding: 0px 0 2px 10px;
  list-style-type: disc !important;
}

#mainContent p{   
  padding-bottom: 25px;
}


#mainContent a {
  text-decoration: underline;}

.page {
  width: 450px;
  padding: 15px 0 20px 15px;}

#contact_table {
  width: 200px;
  float: left;
}

#mainContent  h1{
  font-size: 1.4em;
  font-weight: bold;
  margin: 5px 0;
}

#mainContent h2{
  font-size: 1.2em;
  font-weight: bold;
  margin: 5px 0;
}
.page table {
  margin-bottom: 25px;
}
.page table th {
  padding: 0 10px 0 0;
}
.page table td {
  padding: 0 10px 0 0;
}

.materials_page table {
  margin: 0 !important;}
.materials_page h1 {
  margin-top: 30px !important;
}

#mainContent #materials_paragraph {
  padding-bottom: 0px;
}

.materials_page .page {
  padding-top: 30px;
}

#as_specified {
  font-size: 0.8em;
}
#clamping {
  color: red;
  font-size: 0.9em;
  padding-bottom: 0 !important;
}
#materials_page h1 {
  font-size: 1.4em;
  font-weight: bold;
}
#materials_page td, #materials_page th {
  padding: 0 15px 15px 0;
}

.page .cad {
  text-align: center;
}
#mainContent .contact  {
  margin-left:80px;
}
#order_confirmation {
  padding-left:10px;}

#order_confirmation strong {
  font-weight: bold;
}
#order_confirmation td {
  padding-left: 5px;}


.thumbs th {
  padding-left:35px;
}
#brochure {
  margin: 20px 8px 20px 18px;}

#contact_map {
  margin: 0 0 20px 40px;
}


#tube {
  margin-top: 30px !important;}