* {
  font-family:  "Helvetica Neue", helvetica,  verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}



body {
 	background:url('../images/gullbg4.png') repeat top center #2e2227;

  /* background: url('../images/gullbg3.png') repeat top center  #8e2800; */
  background-attachment: fixed; 
  text-align: center;
  }

div.sub_content {
  border-bottom: 3px solid #333;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  text-align: left;
  width: 560px;
}

h1 {
  font-size: 11pt;
}

h2 {
  color: #8e2800;
  margin-bottom: 1.1em;
  margin-left: 10px;
  font-family:  futura, helvetica,sans-serif;
  font-size: 21pt;
/* width: 80%; */
   text-shadow: #333 2px 2px;

 /*background-image: url('../images/backdrop.png');*/
}
h2 a {text-shadow: none; font-size: 14pt; color: red;}
h3 {
  color: #8e2800;
  margin: 10px 0   5px 10px;
  border-bottom: 1px dotted #8e2800;
}
h3.clear {clear: both;}
p {margin: 0 10px; line-height:1.5; clear: none;}
p.caption {font-size:90%; line-height:1.1; }
img.content {
  margin: 0 0 10px;
  border:1px solid black; 
  float:right;
}


#main {
  background: #eadfbf url('../images/biketree.gif') no-repeat scroll bottom right;
  background-color: #eadfbf;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 750px;
}
#info {
  font-weight: 900;
  text-align: right;
  margin-right: 20px;
}

#content {
  margin: 1.3em 0 0 0;
  width: 96%;
  padding: 5px 0 5px 0;
  text-align: left;
  min-height: 350px;
  clear: both;
} 

#sub_content {
  border: none;
}

#sub_content_right {
  border-top: 3px solid #333;
  margin-top: 10px;
  width: 320px;
  clear:none;  
  border: 1px solid yellow;
  float: right;
}
#navwrapper {height:55px;}
#nav {
  background-color: #6666cc;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  color: #000;
  height: 15px;
  font-size: 18pt;
  text-align: left;
  padding: 5px 5px 8px 0;
  white-space: nowrap;
  width: 750px;
}

#nav ul li a {
  padding: 5px 10px 5px 10px; margin: 0; border-bottom: none;
}
#nav a:hover {
  color: #8888dd;
}
li {
  border-right: 1px solid #555;
  display: inline;
}
#content p {margin-bottom:9px;}
#content a {color: #8e2800;}
#content a:hover {color:#f00;}
#content ul {margin:0 0 0 2em; padding:0;}
#content li {display: list-item; border:none;}

#bagbox {
  background-color: #8888dd;
  border-bottom: 1px solid #000;
  height: 15px;
  font-size: 18pt;
  text-align: left;
  padding: 5px 5px 5px 0px;
  white-space: nowrap;
  width: 750px;
}

#bagbox a {
  color: #444;
  padding: 5px 10px 5px 10px;
}

#bagbox a:hover {
  color: #4444bb;
}

#featurebox {
  background-color: #8888dd;
  border-bottom: 1px solid #000;
  float: left;
  height: 15px;
  font-size: 18pt;
  text-align: left;
  padding: 5px 5px 5px 0px;
  white-space: nowrap;
  width: 750px;
}

#featurebox a {
  color: #444;
  padding: 2px 10px 2px 10px;
}

#featurebox a:hover {
  color: #4444bb;
}

#extrabox {
  background-color: #8888dd;
  border-bottom: 1px solid #000;
  float: left;
  height: 15px;
  text-align: left;
  padding: 5px 5px 5px 0px;
  white-space: nowrap;
  width: 750px;

}

#extrabox a {
  color: #444;
  padding: 5px 10px 5px 10px;

}

#extrabox a:hover {
  color: #4444bb;
}
#header {
  background-image: url('../images/header.jpg');
  border-bottom: 5px solid #333;
  height: 145px;
  text-align: right;
  vertical-align: bottom;
  width: 750px;
  margin: 0;
  padding: 0;
}
#header .cart {border-left: 1px solid #8888dd; border-right: 1px solid #8888dd; margin:125px 9px 0 9px; color: #ddd; float: right;vertical-align: bottom;}
#header .cart a {padding: 5px;}
#header .cart a:hover {color: #fff;}

#news {
  float: left;
  min-height: 400px;
  text-align: left;
  width: 400px;
}

#news_header {
  font-size: 20pt;
  font-weight: 900;
  margin-bottom: 10px;
  text-align: left;
}

#photos {
  float: right;
  min-height: 400px;

  width: 300px;
}

#photos img {
  border: 5px solid #8e2800;
  margin: 5px;
  width: 280px;
}

#pagination {
  margin-bottom: 18px;
  text-align: right;
}

#pagination a {
  color: #8e2800;
  font-size: 9pt;
  font-weight: 900;
}
img.news_img {
  border: 1px solid #000;
  margin: 5px;
  width: 390px;
}

div.news_entry {
  margin-bottom: 10px;
}

h2.news_text {
  font-size: 9pt;
  margin-bottom: 5px;
  margin-top: 5px
}

h3.news_date {
  border-bottom: 1px dotted #8e2800;
  color: #8e2800;
  
}

/* item page things */

#thumbs {
    border: 1px solid #7890B6;
    width: 50%;
    background-color: #eee;
    clear: both;
    text-align: center;
    vertical-align: top;
    padding:3px;
    }
#thumbs img {border:1px dotted #999;}
.features {
    margin:1.3em 0 1em 5px;
    background-color: #7890b6;
    width: 400px;
    padding:5px;
}

.features h4 {
    color: white;font-size: 150%; margin-bottom:6px;font-variant: small-caps; margin:-6px 0 0 -3px; 
    }
        
.features ul li {
    margin: 0 4px 4px 4px; 
    list-style-image: url('../images/lilgull.png');
}
.features ul li a {color: #8e2800;}
.features img {float:right;border:1px dashed #bbb; margin:0 3px 1em; clear: right; }

#footer {
  color: #000;
  font-size: 9pt;
  font-weight: 900;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3px;
  text-align: right;
  width: 750px;
  font-variant:small-caps;
}
#prodleft { 

width:425px;
float: left;
}
#prodright {

width:285px;
clear:none;

margin-top:-70px;
padding: 0;
border:1px solid #ccc;
background: #fff;
text-align: center;
float:right;
}
#prodright p {text-align: left; font-size:85%;color:#666;}
#prodright p.caption {text-align: right; font-size:80%;color:#999;margin-top:-3px;}
img.feature {
    border:1px solid #999;
    margin:0;
    padding:0;
    float: none;
    }
.specs {
    color:#8e2800;
    font-variant: small-caps; 
    font-size: 130%;
    margin:  0 1px 5px 1px;
    padding:5px;
    text-align: right;
    font-weight:600;
}
 .sizethumbs {border-top:1px solid #7890b6; border-bottom:1px solid #7890b6; padding:6px 0 6px 0;}
 .sizethumbs img {clear: none; float:none;vertical-align:top; border:1px solid #ddd; padding:0; margin:0;}
#selector {background-color:#ccc; margin-bottom:5px;text-align:right;}
#selector * a {background-color:#fff; border-left:1px solid #ccc;border-right:1px solid #aaa; border-top:1px solid #aaa; margin-left:4px; padding: 0 3px 0 3px;}
.button { margin:1em 20% 1em 20%; text-align:center;}
.bigbutton { margin:1em 10% 1em 10%; text-align:center;}
.button a {
    font-size: 140%; 
    color: #8e2800;  
    border:1px solid #8e2800;
    padding: 5px;
    display:block; 
    width: 150px;
    text-align: center;
    margin-bottom:1em;
    }
.bigbutton a {
    font-size: 140%; 
    color: #8e2800;  
    border:1px solid #8e2800;
    padding: 5px;
    display:block; 
    width: 250px;
    text-align: center;
    }
.button a:hover, .bigbutton a:hover {color:#f00;}
#side {width:190px;
    border-right: 1px dashed #8e2800;
    float: left;
    margin-top: -2em;
    margin-right:1em;
    padding-top: 2em;
}
#side topna {margin-bottom:8px; display:block; padding:3px; } 
#side ul li.active  {border:1px solid #8e2800;background: url('../images/sidearrow.png') right no-repeat transparent;width: 175px;}

/* feature styles */
.feat {width: 360px; min-height: 102px; margin-bottom: 5px; background:#ece7db; }
.nopic {min-height:50px;}
.feat img {float: right; clear: none; border:1px solid #ccc; margin-left: 5px;}
.feat img .img {padding: 5px; }
.feat p {clear: none; }
.feat h4 {_margin-left:7px; }
#featleft { 

width:360px;
margin-left:-6px;
float: left;

}
#featright {

width:360px;
clear:none;
padding: 0;
float:right;
}
/* Floats pics or whatever to the right */

#rightgal {float: right; width:auto; margin: 0;}
#rightgal .inner {float:right; clear: none; border:1px solid #999; padding:2px; margin-left:3px; background:white;}
#rightgal .inner p {text-align: right;}
#rightgal .inner img {border:1px solid black;}

/*general duty*/
.right {float:right; margin:0 3px 1em; clear: right; }
.leftsec {float:left;}
.rightsec {float:right; margin:0 3px 1em 1em; clear: right; }
.rightsec img {margin: -2em 0 1em 2em;}

.buybag {
background-color: #ece7db;
margin-top:1.3em; 
font-size: 130%;
padding-left:1em;
}
.buybag h3 {font-size:150%; width:auto; border:none;}
.buybag select {margin-left: 1em; }
.buybag table tr td {vertical-align: top; padding-left:}
.buybag .size {}
.leftcol { 
width:320px;
margin-left:2px;
float: left;
background-color:  #ece7db;
}

.rightcol {
width:360px;
clear:none;
float:right;
padding: 0 0 0 10px;
border:1px solid transparent;
background-color:  #ece7db;

}
.button input {  font-size: 140%; 
    color: #8e2800;  
    border:1px solid #8e2800;
    padding: 5px;
margin:1em 1px 1em 0; 

    display:block; 
    width: 150px;
    float: right;
    }
.buyoptions {border: 1px dotted white;}
.buyoptions p {margin:none; padding: none;line-height: 1.0;}
.buyoptions h3 {border:none; margin: none; }
 .subquestion {font-size: 95%; margin-left: 3.5em; margin-top: -5px; border-left:1px solid pink; padding-left:6px;}
 p.inc {padding-left:1.3em; color: #6666cc;}
 /* color page */
 .chip {width: 70px; border:1px solid black; clear: none; text-align: center; float: left; margin-left:9px; margin-bottom:9px; background-color: #fcfcfc;}
 .chip .color {width: 70px; height: 50px; border-bottom:1px solid black;}
 .chip p {font-size:8pt;clear: both;}
 #pop {
  background: white;
margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 500px;
}
#pop h3 {clear: both;}
#pop .chip .color {height: 20px;}
#pop p {clear: left;}