/*

Tech Exchange Stylesheet

Color scheme based on logo
#93c63d - green
#048ab0 - blue
#c20000 - red
#e78007 - orange
#d2d2d2 - gray borders

*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}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;}li{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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/* ------- Tags ------ */

body{
  font-size: 11px;
  font-family: trebuchet ms, sans-serif;
  color: #333333;
  background-color: #efefef;
}

a {text-decoration: none; color: #e97f07; outline: none;  font-weight: bold;}
a:hover {color: #c20000; font-weight: bold;}
a:active {outline: 0;}

p {line-height: 1.5em; color: #8f8f8f;}

h1 {font-size: 25px; font-weight: bold; text-align: center; margin: 1em 0; font-family: courier new, monospace;}

/* ------- Global Classes ------- */

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.small {font-size: .9em; font-style: italic;}
.larger {font-size: 1.1em;}
.logoGreen {color: #93c63d;}
.logoBlue {color: #048ab0;}
.logoRed {color: #c20000;}
.borderGray {border: 1px solid #d2d2d2;}
.floatLeft {float: left;}
.floatRight {float: right;}
.hide {display: none;}
.clear {clear: both;}
.error-message {color: red;}
.round, .box {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
.round_top {
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;}
.round_bottom {
  -moz-border-radius-bottomleft: 5px; 
  -moz-border-radius-bottomright: 5px; 
  -webkit-border-bottom-left-radius: 5px; 
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;}

#flashMessage, #authMessage {color: #c20000; font-weight: bold;}

/* -------- Divs ------------*/

div#container {width: 1050px; margin: auto; padding: 1em 0;}

#leftnav_1{width: 200px; margin: 3em auto;}
#skyscraper_1 {margin: auto; width: 160px;}
#banner_1 {text-align: center; margin: 1em auto;}
#banner_2 {float: left; clear: left; margin-left: 20px; margin-bottom: 1em;}
#leaderboard_2 {text-align: center; border: 1px solid #d2d2d2; float: right; width: 833px; margin-top: 3px;}


#leftnav {width: 210px; border: 1px solid #d2d2d2; border-top: none; float: left; background: white; clear: left; padding-bottom: 2em;}
  #leftnav p.header {
  	text-align: center;
  	font-size: 12px; 
  	padding: 8px 0;  
  	background: #e78007;
  	font-weight: bold; 
  	color: white;
    font-family: lucida console, sans serif;}
  #categories li {
    padding: 3px 0;
    margin: 0 30px;
    font-weight: bold;
    list-style-image: url('../img/arrow_mini_right.gif');}  
  #leftnav #brands {margin: 1em auto;}
  #leftnav #brands td {vertical-align: middle; text-align: center; width: 95px; padding: 5px 0;}
    #brands img:hover {opacity:0.6; filter:alpha(opacity=60);}
  #leftnav p.subheader {font-weight: bold; font-size: 16px; color: black; margin: 0 .5em; font-family: courier new, monospace;}
  #leftnav a.storelink {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    width: 150px;
    display: block;
    margin: 1em auto;
    padding: 1em .5em;}
    a.storelink img {margin-top: 1em;}
    a.storelink span {color: black;}
    .expand_bar {padding-top: 6px; background: url('/img/leftnav_toggle.gif') no-repeat; text-align: center; margin: 1em auto; display: block;
    font-weight: bold; font-size: 14px; font-family: lucida console, monospace; width: 140px; height: 30px; color: gray;}  
    .expand_bar:hover, .expand_bar.hover {background: url('/img/leftnav_toggle2.gif') no-repeat;}    

div#banner {float: right; width: 836px; height: 164px; background: #b90000 url('../img/banner.jpg') no-repeat; position: relative;}
  #banner #top_login {position: absolute; right: 0; padding: 5px 10px; height: 1em; color: white; font-family: courier new, monospace;}
    #top_login a {color: white;}
    #top_login a:hover {color: white;}
  #banner a.homelink {display: block; width: 300px; height: 100px; float: left; margin-left: 20px; margin-top: 30px;}
  #banner #searchbox {position: absolute; bottom: 5px; right: 10px;}
  #searchbox input {font-size: 1.4em; vertical-align: middle; font-weight: bold;}
    #searchbox .searchquery {width: 120px; margin-right: 5px; padding: 0 .5em; color: #353535; text-align: center;}
  #banner #slogan {color: #d2d2d2; font-weight: bold; font-size: 20px; position: absolute; top: 65px; left: 400px; font-family: rockwell, courier new, times new roman, serif;}

#topnav {width: 826px; background: #93c63d; display: block; color: red; margin: 2px 0; float: right; padding-left: 10px; font-size: 14px;}
#topnav a, #topnav p {color: white; height: 26px; font-weight: bold; display: block; padding-left: 10px; line-height: 26px;}
#topnav p {background: #02b6ea;}
#topnav li {float: left; width: 140px; position: relative; border-bottom: 1px solid #93c63d;  border-right: 1px solid #d2d2d2; z-index: 2;}
#topnav ul ul {position: absolute; top: 27px; background: #048ab0; font-size: 11px; border-bottom: 3px solid #93c63d;}
#topnav ul ul li {width: 137px; border-left: 2px solid #93c63d; border-right: 2px solid #93c63d;}
#topnav a:hover {background: #e78007;}
#topnav a.rss img {width: 23px;}
#topnav a.rss {width: 22px; margin: 2px 5px 0 0; float: right; padding: 0;}
#topnav a.rss:hover {background: transparent;}

div#anchor {clear: both;}

div#content {background-color: white; width: 814px; float: right; padding: 10px 10px 20px 10px; border: 1px solid #d2d2d2; min-height: 600px;}

div#footer {text-align: center; background-color: white; float: right; width: 834px; border: 1px solid #d2d2d2; margin-top: 3px; text-align: center; padding: 1.5em 0;}
  #footer img {margin: 0 30px; vertical-align: middle;}

#error {text-align: center;}
  #error p {font-size: 1.1em; margin: 2em auto; line-height: 1.5em; width: 500px;}


#parts_find h2 {font-size: .9em; text-align: right;}
ul#displayparts {margin: 2em auto; width: 815px;}
  #displayparts li {
    width: 180px;
    height: 180px;
    border-left: 1px solid #c3c3c3;
    border-right: 2px solid #9b9b9b;
    border-top: 1px solid #c3c3c3;
    border-bottom: 2px solid #9b9b9b;
    float: left;
    margin: 8px;
    position: relative;
    background: #f7f7f7;
    z-index: 1;}
    li a.title {
    	text-align: center;
    	background: #fbfbfb;
    	display: block;
    	color: black; 
    	font-weight: bold; 
    	font-family: trebuchet ms, sans-serif; 
    	padding: 5px 5px; 
    	border-top: 1px solid gray; 
    	border-bottom: 1px dashed gray; 
    	height: 50px; 
    	overflow: hidden;
    	line-height: 17px;}
    #displayparts img.loading {position: absolute; right: 5px; top: 5px; display: none;}
    #displayparts a.title:hover {background: #ffffc4;}
  #displayparts div.thumb {height: 100px; display: table-cell; vertical-align: middle; text-align: center; width: 180px;}
    #displayparts div.thumb img {max-height: 100px;}
  #displayparts p.price {font-size: 1.1em; font-weight: bold; color: green; float: left; padding-left: 5px;}
  a.page_link {text-decoration: underline; color: black; font-weight: bold;}
  .itemfooter img {float: right; margin-right: 7px; margin-top: 3px;}  
   

#parts_show h1 {font-size: 2em; margin-bottom: 1.5em;}
  #parts_show h2 {
    padding: 2px 0;
    width: 100%;
    background-color: #048ab0;
    border-bottom: 1px solid gray;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.2em;}
    #parts_show .box {border: 1px solid #b2b2b2;}
  #parts_show #description {margin: 3em auto; width: 740px; padding-bottom: 1em; clear: both;}
    #description #description_text {padding: 0 1em;}
    #description_text p {margin-bottom: 1em; line-height: 2em;}
    #description h1 {font-size: 1.3em;}
    #description table {background: none;}
  #parts_show .imgwrapper img {vertical-align: middle; width: 100%;}
  #parts_show div.imgwrapper {width: 650px; margin: 2em auto;}
  #parts_show p.disclaimer {font-size: .9em; font-style: italic; text-align: center; color: #b90000;}
  #info_wrapper {width: 740px; margin: 2em auto; }
    #part_info_wrapper {width: 500px; float: left; margin-bottom: 10px; position: relative;}
    #part_info_wrapper #part_numbers {position: absolute; right: 5px; top: 25px; text-align: right; font-size: 11px; line-height: 2em; border-bottom: 1px dashed #bc0000; border-left: 1px dashed #bc0000; padding: .5em;}
    #part_numbers b {color: #bc0000;}
      #parts_show table.part_info {color: black; font-size: 12px; margin-bottom: 20px; font-family: courier new, monospace;}
        #parts_show td.label {color: #696969; font-weight: bold; text-align: right; width: 120px;}
        .instock {color: green; font-size: 1.1em;}
        .outofstock {color: #c20000; font-weight: bold;}
        .part_info td {padding: 5px; text-align: left; vertical-align: top;}
        .part_info td.price {font-size: 16px; font-weight: bold;}
        td.price span {color: green;}
        .part_info .zip {color: #c20000;}
        .part_info img {vertical-align: bottom; margin: 0 2px;}
        .part_info div.shipping {float: left; clear: left; margin: .2em 0;}
        .part_info div.shipping img {width: 10px; margin-bottom: 2px;}
      a.policy_link {float: left; font-weight: bold;}
    #parts_show div#order_buttons {width: 200px; float: right; text-align: center; padding-bottom: 1em;}
      #order_buttons hr {color: #d2d2d2; margin-top: 15px;}
      #order_buttons h2 {margin-bottom: 0;}
      #order_buttons img:hover {opacity:0.8; filter:alpha(opacity=80);}
      #order_buttons h3 {margin-bottom: 1em; font-weight: bold; width: 100%; background: #eaeaea; padding: 2px 0;}
      #order-buttons a {margin-bottom: 1em; display: block;}
  #parts_show #gallery {width: 740px; margin: auto; padding-bottom: 2em;}
#zip_box {float: right; width: 200px; border: 1px solid #d2d2d2; margin: 1em 0; text-align: center; padding: 20px 0; clear: right;}
#zip_box p {margin-bottom: 1em; font-weight: bold; color: black;}
.green {color: green;}
#parts_show #comments {width: 740px; margin: 2em auto; padding-bottom: 1em; text-align: center; font-family: verdana, sans serif;}
  #comments_list li {border: solid #d2d2d2; width: 80%; margin: 1em auto; overflow: auto; padding: .5em; font-size: 10px; border-width: 1px 2px 2px 1px;}
  #comments p {color: black;}
  #comments .name {color: #336699; font-weight: bold; float: left; margin-bottom: 1em;}
  #comments .body {clear: both; font-size: 11px; text-align: left;}
  #comments input {margin: 1em 0; padding: 2px 5px;}
  #comments a.newpost {margin: 1em 0;}
  #comments h3 {margin: 1em 0;}
  #comments p.body img {width: 500px; margin: auto; padding: 10px; display: block;}
  #comments .admin {color: #c20000;}
      
#parts_latest p.a {width: 700px; line-height: 1.5em; margin: 2em auto; color: black;}
#parts_latest h2 {font-size: 1.6em; text-align: center; margin: 1em; font-family: courier new, monospace;}      
      
#parts_discussed table {margin: 2em auto; width: 814px;}
#parts_discussed td {padding: 1em; border: 1px solid #d2d2d2;}
#parts_discussed td img {width: 300px; margin: auto; padding: 10px; display: block;}      
      

#orders_place {padding: 10px; padding-bottom: 0;}
#orders_place table {float: left; width: 450px; font-size: 1.3em; line-height: 1.5em;}
#orders_place h1 {margin-bottom: 1em;}
#order_form p {text-align: center; margin-bottom: 1em;}
.total_price {color: green; font-size: 1.2em;}
#orders_place img.thumb {float: right; width: 300px; margin-top: 1em;}
#orders_place table.outer {margin-bottom: 2em; width: 450px; margin-top: 1em; font-family: courier new, monospace;}
  #orders_place table.outer td {padding: .5em 1em; border: 1px solid #d2d2d2;}
  #orders_place #button_wrapper {padding: 0 100px;}
  #button_wrapper input {margin-top: 8px;}
  #orders_place td.label {width: 100px; color: white; background: #93c63d; font-weight: bold;}
  #orders_place .address {font-size: .9em;}
  .address input {margin: 5px 0;}
#orders_place .address table.address_detail {font-size: .9em; width: 300px; margin: auto;}
#orders_place table.address_detail td {padding: 0; border: none;}
#orders_place input.submit {margin-left: 170px; text-align: center; display: block; float: left; clear: left;}
#orders_place input {font-weight: bold;}
#orders_place select {font-weight: bold;}
#orders_place #flashMessage {margin-left: 10px;}
#orders_place p.note {text-align: center; float: right; width: 300px; padding-top: 5px; font-style: italic; clear: right;}
#orders_place div.ad {float: right; width: 295px; border: 2px dashed #e78007; text-align: center; padding: 10px 0; margin-top: 2em; background: #eeeeee; clear: right;}
  #orders_place .ad p {margin: .5em 0;}
  #orders_place p.large {font-weight: bold; font-size: 1.5em;}

#orders_complete h2 {text-align: center; margin-top: 2em;}

#orders_manage table {width: 790px; margin: 2em auto; text-align: center;}
#orders_manage td {padding: .5em 10px; border: 1px solid #d2d2d2;}
#orders_manage tr.label {background-color: gray; color: white; font-weight: bold;}
#orders_manage a {text-decoration: underline; color: black;}
#orders_manage tr.unshipped {background: #ffeaed;}
#orders_manage td img {width: 20px;}
      
#progress_bar {margin: 2em auto; text-align: center; width: 375px; font-family: courier new, monospace;}
  #progress_bar div {width: 100px; height: 30px; float: left; font-weight: bold; margin-left: 10px; padding: 5px; opacity:0.4; filter:alpha(opacity=40); border: 2px dashed gray; margin-bottom: 2em;}
  #progress_bar img {float: right;}
  #progress_bar div p {float: left; font-size: 14px;}
  #progress_bar .on {opacity:1; filter:alpha(opacity=100); border: 2px dashed green;}      

#orders_show table {margin: 2em; float: left; line-height: 1.5em;}
#orders_show tr.header {font-size: 1.2em; background-color: #048ab0; color: white; font-weight: bold;}
#orders_show td {border: 1px solid silver; padding: 5px 10px; width: 340px;}
#orders_show td.label {background-color: #d2d2d2; font-weight: bold; color: black; font-size: 1.1em; width: 100px;}
#orders_show img.thumb {float: right; width: 250px; margin: 2em 2em 0 0; clear: right;}
#orders_show div#shipping {clear: both; text-align: center; width: 100%;}
#orders_show #serial_area div {display: inline;}
#orders_show .serial_field {width: 200px; margin-right: 10px; padding: 0 .5em;}
#orders_show .tracking_field {width: 200px; margin-right: 8px; padding: 0 .5em;}
      
#orders_confirm {text-align: center; padding: 10px;}
#orders_confirm h1 {margin-bottom: 2em;}
#orders_confirm td {padding: 1em; border: 1px solid #d2d2d2; line-height: 1.5em; font-size: 14px; text-align: left;}
#orders_confirm table.outer {width: 450px; margin: auto; font-family: courier new, monospace;}
#orders_confirm td.label {background-color: #93c63d; color: white; font-weight: bold; text-align: right; width: 100px;}
#orders_confirm table.inner td {padding: 5px; border: none;}
#orders_confirm input {margin: 1em auto; display: block;}
#orders_confirm img.thumb {width: 300px; float: right;}
#orders_confirm p.total {font-size: 1.5em; font-weight: bold; margin-top: 2em;}
#orders_confirm b {font-size: 1.2em;}
#orders_confirm a.back {color: #c20000;}
#orders_confirm table img {margin: 0 3px; width: 8px;}
#orders_confirm img.minus {margin-bottom: 3px;}
#orders_confirm p.note_paypal {font-size: 12px;}
#orders_confirm p.note_enlarge {text-align: center; float: right; width: 300px; font-size: 12px; clear: right; font-style: italic; margin-top: 5px;}

#pages_location {line-height: 1.5em;}
#pages_location h1 {font-size: 2.5em; margin-bottom: 1em;}
#pages_location h2 {font-size: 1.4em; font-weight: bold; margin: 2em 0 1em 0;}
#pages_location p {margin-bottom: 1em; font-size: 1.2em;}
#pages_location #google_map {float: right; margin-top: 30px; border: 1px solid #d2d2d2; margin-right: 1em;}
#pages_location #info {float: left; width: 350px; padding-left: 40px; margin-top: 2em;}
#pages_location p.top {color: #333333; font-size: 12px;}
#pages_location img#office {width: 377px; float: right; margin-top: 2em; margin-right: 1em;} 

#policies {width: 740px; text-align: center; margin: 2em auto; padding-bottom: 2em; font-size: 15px;}
#policies h3 {font-size: 18px; font-weight: bold; margin: 2em 1em 1em 1em; border: 1px dotted #b2b2b2; color: #e78007; font-family: courier new, monospace; padding: 5px;}
#policies p {width: 500px; margin: 1em auto; color: #696969;}
#policies h4 {margin: 1em 0; font-weight: bold;}
          
      
#users_login {text-align: center;}
#users_login h1 {margin-bottom: 1em;}
#users_login input {margin-top: 1em; margin-left: 1em;}
      
#users_register {text-align: center;}
#users_register h2 {margin: 1em 0; font-size: 1.2em;}
#users_register ul {margin: 2em 0;}
#users_register li {list-style-type: circle; margin: .5em 0;}
#users_register label {width: 200px; float: left; clear: left; text-align: right;}
#users_register div.input {width: 400px; padding: 5px 0; font-weight: bold;}
#users_register div.submit input {margin-top: 1em; padding: 5px;}
#users_register form {border: 1px dashed #d2d2d2; width: 500px; margin: auto; display: block; padding: 20px; font-size: 16px;}
#users_register .error-message {font-size: 12px;}


#comments_manage table {width: 750px; margin: auto;}
#comments_manage td {border: 1px solid #d2d2d2; padding: .5em;}
      
#pages_contact p {text-align: center; margin-bottom: 3em;}
#pages_contact iframe {margin-left: 100px;}