body, html {
  height:100%;
}
body {
  margin:0;
  padding:0;
  font-size:small;
  font-family:arial,sans-serif;
  background:#333;
}
a, a:visited {
  color:#c00;
}
a:hover {
  text-decoration:none;
}

div#wrapper {
  width:950px;
  margin:0 auto;
  background:#ccc;
}

div#cart {
  background:#ababab;
}
div#cart p {
  font-size:90%;
  margin:0;
  padding:2px;
  color:#fff;
}
div#cart p a {
  text-decoration:none;
  color:#fff;
}
div#header {
  background:transparent url("/images/header.gif") 213px 0 no-repeat;
  height:135px;
}
div#header h1 {
  margin:0;
  padding:0;
  text-indent:-1000em;
  float:left;
}
div#header h1 a {
  display:block;
  width:213px;
  height:135px;
  background:transparent url("/images/logo.gif") top left no-repeat;
}
div#header h4 {
  background:#fff url("/images/800.gif") center center no-repeat;
  margin-left:780px;
  height:44px;
  text-indent:-1000em;
  overflow:hidden;
}

div#header ul {
  margin:-12px 0 0 0;
  list-style:none;
  float:left;
}
div#header ul li {
  float:left;
}
div#header ul li a {
  color:#fff;
  display:block;
  padding:0 10px;
  font-size:14px;
  text-decoration:none;
}
div#header ul li a:hover {
  color:#ccc;
}
div#header p {
  font-size:80%;
  text-align:right;
  padding:20px 10px 0 0;
  color:#666;
}


div#content {
  float:left;
  width:950px;
} 

div#left {
  width:175px;
  float:left;
  padding:5px 0 0 0;
  margin:0 30px 0 0;
}
div#left div {
  text-align:center;
  margin:20px 0;
}
div#left h3 {
  color:#000;
  font-weight:bold;
  font-size:100%;
  margin:0 0 2px 5px;
  padding:0;
}
div#left ul {
  list-style:none;
  margin:0 0 5px 10px;
  padding:0;
}
div#left ul li a {
  display:block;
  padding:2px 0;
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
div#left ul li a:hover {
  color:#900;
}
div#left ul li ul {
  margin:0 0 5px 10px;
}
div#left ul li ul li a {
  font-size:90%;
  color:#666;
}
div#left ul li ul li a.active {
  border-right:0;
  color:#c00;
}
div#left ul li ul li a:hover {
  color:#f00;
  border-right:0;
}


div#left ul li ul li ul li a {
  color:#c00;
  font-weight:normal;
  font-size:80%;
}
div#left ul li ul li ul li a.active {
  color:#c00;
}
div#left ul li ul li ul li a:hover {
  color:#e00;
  border-right:0;
}


div#featured div {
  width:245px;
  float:left;
  text-align:center;
}
div#featured div a img {
  border:0;
}

div#text {
  float:left;
  width:219px;
  padding:0;
  margin:-30px 0 -80px 0;
  font-size:85%;
}
div#text h2, div#error h2, div#photos h2 {
  color:#f00;
  font-size:170%;
  margin:0;
  padding:0;
  text-transform:uppercase;
}
div#text h2 em {
  color:#666;
}
div#text h3 {
  color:#999;
  font-size:110%;
  margin:0;
  padding:0;
  text-transform:uppercase;
}
div#text em {
  color:#c00;
}

div#fifty div.fifty {
  width:400px;
  float:left;
}

div#error div {
  float:left;
  width:500px;
  background:#fcc;
  border:2px solid #f33;
  padding:4px;
  font-size:110%;
}
div#error div p {
  margin:0;
  font-weight:bold;
}

div#success {
  background:#cfc;
  border:2px solid #3f3;
  padding:4px;
  font-size:110%;
}

dl dt {
  width:170px;
  white-space: nowrap;

  display:block;
  overflow:hidden;
  float:left;
  padding:1px 0;
  border-bottom:1px solid #eee;
}
dl dd {
  padding:1px 0;
  border-bottom:1px solid #eee;
}
dl dd.title, dl dt.title {
  font-weight:bold;
  border-bottom:1px solid #333;
}

select {
  font-size:11px;
}
button {
  border:1px solid #000;
  font-size:11px;
}
button.right {
  float:right;
}


div#primaryphoto {
  width:440px;
  height:360px;
  float:left;

}
div#thumbs {
  width:85px;
  float:left;
}
div#thumbs a img {
  border:0;
  margin-bottom:4px;
}

div#photos {
  float:left;
  width:525px;
  margin:-30px 0 -80px 0;
}
div#embed {
  float:left;
  width:740px;
  font-size:85%;
  margin:-30px 0 -80px 0;
}
div#embed h2 {
  color:#f00;
  font-size:170%;
  margin:0;
  padding:0;
  text-transform:uppercase;
}

div.bike {
  width:185px;
  float:left;
  text-align:center;
  padding:10px 0;
}
div.bike a img {
  border:0;
  height:120px;
}

div#moreProds {
  float:left;
  width:510px;
  margin:5px;
}
div#moreProds h4 {
  margin:0;
  color:#666;
  border-bottom:2px solid #999;
}
div#moreProds h4 a {
  color:#666;
  text-decoration:none;
}

div#moreProds h4 a span {
  float:right;
  font-size:85%;
  color:#333;
}
div#moreProds div.bike {
  width:170px;
}

div#faq div {
  margin:5px 10px 20px 0;
  padding:5px 10px 10px 10px;
  border-bottom:1px solid #ccc;
}
div#faq div strong em {
  font-size:300%;
  color:#eee;
  display:block;
  float:left;
  margin-right:10px;
}

div#footer {
  background:transparent url("/images/footer.gif") bottom left repeat-x; 
  clear:both;
  z-index:-2;
}
div#footer h4 {
  margin:-100px 0 0 0;
  background:transparent url("/images/footer_roberts.gif") bottom left no-repeat;
  text-indent:-1000em;
  overflow:hidden;
  width:213px;
  height:105px;
  z-index:-1;  
}


#newsPhotos div {
  width:160px;
  float:left;
  text-align:center;
  padding:5px 0;
}

h3.date {
  font-size:140%;
  border-bottom:1px solid #999;
  padding-left:5px;
  width:50%;
}
h4.external {
  font-size:105%;
  margin:5px 0;
}
h4.external img {
  float:left;
  margin:2px 5px 5px 0;
}
h4.external a {
  color:#000;
}
h4.external em {
  font-style:normal;
  font-weight:normal;
  color:#ccc;
  font-size:90%;
}
h4.internal a {
  color:#c00;
  font-size:110%;
  margin-left:18px;
}
h6 {
  display:inline;
  color:#ccc;
}

ul#pages {
  list-style:none;
  margin:0;
  padding:0;
  float:right;
}
ul#pages li {
  float:left;
  margin-right:5px;
}
ul#pages li a {
  color:#333;
}

p.disclaimer {
  color:#999;
}

p.center {
  text-align:center;
}
img.right {
  float:right;
}
img.left {
  float:left;
}

/* order form stuff */
table {
  width:98%;
}
th {
  background:#eee;
  border-bottom:2px solid #e00;
  color:#000;
}
tr.item td {
  border-bottom:1px solid #e00;
  padding:4px 0;
}
tr.item td img {
  float:left;
  margin:0 5px;
}
tr.item td em {
  font-size:95%;
}
tr.item td img {
  padding-right:5px;
}
tr.item td a {
  font-weight:bold;
  color:#000;
  border:0;
}
tr.item td a.remove {
  background:transparent url('/images/icons/bullet_delete.png') center left no-repeat;
  padding-left:12px;
  margin-left:10px;
  font-size:90%;
  color:#860101;
  border:0;
}
tr.item td a.remove:hover {
  color:#f00;
}

input.quantity {
  width:30px;
}


/*
  Form Layout Elements
*/

ol#checkoutProcess {
  margin:10px 20px 10px 30px;
  padding:0;
}
ol#checkoutProcess li {
  font-size:150%;
  margin:1px 0 0 0;
  padding:4px;
  background:#eee;
  color:#333;
}
ol#checkoutProcess li a {
  color:#ccc;
  text-decoration:none;
}

ol#checkoutProcess li.active {
  font-weight:bold;
  background:#fff url("/images/checkout_arrow.gif") bottom center no-repeat;
  padding-bottom:10px;
  color:#333;
}
ol#checkoutProcess li.active a {
  color:#333;
}
form#checkout {
  margin:0;
  padding:0;
}
form#checkout p {
  margin:6px 0;
}
form#checkout p.submit {
  width:380px;
  margin:15px auto;
  display:block;
  text-align:right;
}
form#checkout p.shipping input {
  width:144px;
  margin:0 auto;
  display:block;
}
form#checkout p label {
  display:block;
  float:left;
  width:150px;
  margin-left:50px;
}
form#checkout p label.nosize {
  display:inline;
  float:none;
  margin-left:5px;
}
form#checkout table {
  border:1px solid #ccc;
  width:100%;
}
form#checkout table th {
  border-bottom:2px solid #fc0;
  padding:4px;
  font-size:110%;
  background:#c93;
}
form#checkout table td {
  padding:4px 10px;
  text-align:center;
}
form#checkout fieldset h5 {
  margin:0;
  padding:0;
}
form#checkout fieldset ul {
  list-style:none;
  margin:0 0 0 5px;
  padding:0;
}
form#checkout fieldset ul li {
  padding:2px 0 4px 0;
  border-bottom:1px solid #ccc;
  font-size:90%;
}
form#checkout h4 {
  border-bottom:1px solid #ccc;
  padding-bottom:2px;
}
form#checkout h4 strong {
  text-decoration:underline;
  color:#c00;
  font-size:120%;
}

p.subscriptions {
  padding-left:150px;
}

.error {
  border:1px solid #900;
  background:#fcc;
  padding:5px;
  margin:5px 20px;
}
.error h4 {
  font-size:100%;
  margin:0;
  padding:0;
  color:#600;
}
.error ul li {
  margin-left:10px;
  padding:2px 0;
}

.cHover {
  cursor: pointer;
}

.red {
  color:#c00;
}
.yellow {
  color:#cc0;
}
.green {
  color:#0c0;
}
.blue {
  color:#00c;
}