@import url("/styles/reset.css");
#pageWrap {width:940px; margin:0 auto;}
#header {height:100px; position:relative;}
#logo {float:left; margin-top:28px;}
#mainNav {position:absolute; right:0; bottom:0;}
#mainNav li {float:left; position:relative;}
#mainNav a {display:block; padding:12px 22px 7px;}
.dropdown {display:none; position:absolute; top:35px; left:50%; z-index:12; width:101px; margin-left:-50px;}
#mainNav .dropdown a {padding:0; margin:7px 0;}
#banner {width:100%; height:108px; overflow:hidden; margin:10px 0;}
#banner h1 {margin:30px 0 0 180px;}
.btn {display:block; width:150px; height:31px;}
#content {overflow:hidden; width:100%; padding-bottom:15px; min-height:325px;}
#tab {float:left; width:100%; margin-bottom:15px;}
#tab li {float:left; margin:0 5px -1px 0;display:block; padding:5px 10px;cursor:pointer}
#footer {clear:both; padding:15px 0; height:3em}
#footer p {float:left; margin:0;}
#footer div {float:right;}
#footer div a {padding:3px;}
#footer div .twitter {padding-left:18px;}
.pdf, .email, .print, .document {padding:2px 0 2px 20px;}
.hide { display:none; }
.show { display:block; }
.right { float:right; }
.left { float:left; }
.errorMessage { border: red 3px double; color: Red; display:inline-block; padding:4px; }

/**** HOME ****/
.home #banner {height:288px;} 
.home #banner .column1 {float:left; width:44%; padding:0 2% 0 20%; margin-top:40px;}
.home #banner .column1 h1 {margin:0;}
.home #banner .column2 {float:right; width:28%; margin:40px 2% 0 0;}
.home #tab li:first-child {margin-left:188px;}
#leftColumn {width:48%; float:left;}
#rightColumn {width:48%; float:right;}
.imageWrap {display:block; float:left; width:140px; height:140px; padding:1px; margin:10px 45px 10px 0; -moz-border-radius:7px; -webkit-border-radius:7px;}
.productList {margin-left:200px;}
.productList li {margin:5px 0;}
.productList li a {display:block; padding:0 20px 2px 0;}

/**** PRODUCT ****/
.product #banner {height:230px;}
.product #banner h1 {margin:25px 0 20px 50px;}
.product #banner blockquote, .product #banner p {margin-left:50px; width:440px;}
.product #tab li:first-child {margin-left:40px;}
.product #actionLinks {padding:8px 5px; margin:10px 40px; clear:both;}
.product #actionLinks a {padding:2px 10px 2px 20px;}
.product #leftColumn {width:43%; margin-left:40px; padding-left:10px;}
#leftColumn .specs {margin-left:-6px;}
#leftColumn table.specs {width:100%;}
#leftColumn table.specs td {padding:5px 0; width:24%; text-align:right;}
#leftColumn table.specs td:first-child {padding-left:6px; text-align:left;}
#leftColumn h6 {margin-bottom:0;}
li.odd, li.even {padding:3px 0 3px 6px;}
.product #rightColumn {width:43%; margin-right:50px; padding-left:10px;}
.product #rightColumn > * {margin-left:65px;}
.product .productVideo {margin:15px 0;}
.product .placeOrder {margin:25px 30px 0 0; float:left;}
.product .getSample {margin:25px 10px 0 0; float:right;}
.productImages, .videoDemo {clear:both; margin-bottom:15px; width:auto; overflow:hidden;}
.productImages dt {width:50px; height:40px; float:left; margin-right:10px;} 
.productImages dd {width:53px; height:40px; float:left; padding:1px;}
.videoDemo dt {width:50px; height:40px; float:left; margin-right:10px;}  
.videoDemo dd {width:53px; height:40px; float:left; padding:1px;}

/**** ABOUT ****/
#leftNav {width:150px; float:left;}
#leftNav li {margin:9px 0; position:relative;}
#leftNav li a {padding:7px 30px 7px 0;}
#leftNav li span {position:absolute; bottom:0; right:0;}
#contentInside {width:760px; float:right; padding-bottom:15px;}
#contentInside ul {list-style:disc; margin-left:25px;}
#contentInside ul li {margin:7px 0;}
.about #contentInside ul { list-style-type:disc; list-style-position:outside; }
.about #contentInside li {  margin-top:.5em; margin-left:1em;}

/**** ORDER FORM ****/
.orderForm #content {width:55%; margin-left:10px; overflow:visible;}
.orderForm h4 {margin-bottom:0; clear:left;}
.productChoice {margin:15px 0;}
.productChoice h6 {margin:0;}
.productChoice h6 img{vertical-align:middle; margin:0 10px 5px 0;}
.productChoice p.odd, .productChoice p.even {padding:10px 20px 10px 0; margin:0; position: relative; }
.productChoice p.odd input[type="checkbox"], .productChoice p.even input[type="checkbox"] {float:left;} 
.productChoice .length { position:absolute; left:100px; } 
.productChoice .package {position:absolute; left:220px;}
.productChoice .price {position:absolute; left:280px;}
.orderForm .productChoice input.quantity {width:4em; padding:3px; margin-left:50px;}
.productChoice .price {padding-left:50px;}
.summary h6 {margin:0 0 0 63px; position:relative;}
.summary h6 .price {position:absolute; top:0; right:20px;}
.orderForm label {display:block; width:14em; float:left; clear:left; height:1.5em;}
.orderForm label.login {width:8em;}
.orderForm input[type="text"], .orderForm select, .orderForm input[type="password"] {width:23em; padding:2px; clear:right;}
.submitOrder {float:left; margin-right:10px;}
p.checkProduct span {vertical-align:super;}
.productCheck {vertical-align:top; margin:15px;}
.verticalAlign {height:50px; line-height:50px;}
.verticalAlign img {vertical-align:top; margin-top:5px;}
.verticalAlign input[type="checkbox"] {width:30px;}