/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	
}

img { 
	border: 0px; 
}

a {
	text-decoration: none;
	border: none;
}
a:visited {
	text-decoration: none;
	border: none;	
}
a:active {
	outline: none;
}
a:focus
{
	outline: none;
	-moz-outline-style: none;
}

/*Typography*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990000;
}

h1 {
	font-size: 28px;
}
h3 {
	color: #990000;
	font-size: 16px;
	
}
h5 {
	color: #666666;
	font-size: 14px;
	
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
}


#header {
	margin: 0px 3%;
	padding: 0px;
	height: 100px;
}
#logo {
	padding: 0px;
	position: absolute;
	left: 3%;
	top: 35px;
	margin: 0px;
}
#search {
	position: absolute;
	width: auto;
	top: 0px;
	right: 38%;
}
#headpic {
	position: absolute;
	width: auto;
	top: 1px;
	right: 1px;
}

#topnav {
	margin: 0% 3% 0px;
	padding: 0px 0em 0px 0px;
	height: 20px;
	
}

/* top navigation bar with chrome styling */
.chromestyle{
	width: 100%;
	font-weight: bold;
	text-decoration: none;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 

}

.chromestyle ul{
	width: 100%;
	background: url(images/chromebg.gif) center center repeat-x;
	padding: 4px 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #BBB;
	font-family: Eurostile, Georgia, "Times New Roman", serif;
	font-size: 14px;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;

}

.chromestyle ul li a:hover{
	background: url(images/chromebg-over.gif) center center repeat-x;
	color: #FFCC00;
}




#gutter {
	margin: 0px;
	padding: 0px;
	width: 3%;
	float: left;
}
#leftnav {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 15%;
}

/* Left side navigation */

.sidenav {
	width:150px;
	font-size:14px;
	list-style-image: none;
	list-style-type: none;
}
.sidenav a {
	text-decoration: none;
	border: none;
	color: #990000;
}
 
/*Main Menu*/
.sidenav ul {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.sidenav ul li {
	
	list-style:none;
	color:#990000;	
}
.sidenav ul li:hover {
	background-color:#FFFFFF;
	position:relative;
	color: #F90;
}
.sidenav ul ul {
	display:none;
	position:absolute;
	left:100px;
	top:14px;
	background-color:#FFFFFF;
	font-weight: normal;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 1em;
}
.sidenav ul li:hover ul {
	display:block;
}

.sidenav ul ul li {
	border:none; 
	width:160px; 
	float:left; 
	display:inline;
}

.sidenav ul ul li:hover {
	text-decoration:underline;
	color: #F90;
	border:none;
	
}

#content {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 64%;
	margin-left: 0%;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0px;
}
#content ul {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	list-style-position: outside;
	font-weight: normal;
	display: list-item;
	list-style-type: none;	
}
.dropcap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3em;
	line-height: 80%;
}

/* Thumbnails for Category Pages */
.thumb {
	float: left;
	width: auto;
	margin-bottom: 10px;
	margin-left: 15px;
	border-top: none;
	border-right: thin ridge #CCCCCC;
	border-bottom: thin ridge #CCCCCC;
	border-left: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

/* Thumbnails for Product Pages */
.suggest {
	float: left;
	width: auto;
	margin-bottom: 10px;
	margin-left: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
}

.thumb200 {
	float: left;
	width: auto;
	margin-bottom: 25px;
	margin-left: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
	text-align: center;
	margin: .2em 0px 0px;
	padding: 0px;
	font-size: 14px;

}
.price {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990000;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin-top: .0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

/* End Thumbnail for Category Pages */

.chapsthumb {
	float: left;
	width: auto;
	margin-bottom: 10px;
	margin-left: 15px;
	border-top: none;
	border-right: thin ridge #CCCCCC;
	border-bottom: thin ridge #CCCCCC;
	border-left: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

.thumbs160 {
	float: left;
	width: auto;
	margin-bottom: 10px;
	margin-left: 15px;
	border-top: none;
	border-right: thin ridge #CCCCCC;
	border-bottom: thin ridge #CCCCCC;
	border-left: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}


.thumbs175
  {
        float: left;
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom: 0px;
        border: none;
        margin-right: 0px;
  }
 .thumbs200 {
	float: left;
	width: auto;
	margin-bottom: 20px;
	margin-left: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	
}
.hishers {
	height: auto;
	width: 100%;
	float: left;
}

.thumbnail5 {
	float: left;
	width: auto;
	margin-bottom: 10px;
	margin-left: 15px;
	border-top: none;
	border-right: thin ridge #CCCCCC;
	border-bottom: thin ridge #CCCCCC;
	border-left: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#productbox {
	float: left;
	width: 48%;
	height: auto;
	margin-right: 1em;
	margin-bottom: 1em;
	border-right: thin double #CCCCCC;
	border-bottom: thin double #CCCCCC;
}
#productboxleft {
	float: left;
	width: 48%;
	height: auto;
	margin-right: 1em;
	margin-bottom: 1em;
	border-right: none;
	border-bottom: none;
	border-top-style: double;
	border-left-style: double;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: thin;
	border-left-width: thin;
}

#rightcolm {
	padding: 0em 0px 0px;
	float: right;
	width: 15%;
	
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 0px;

}
#footer {
	margin: 0px 20%;
	padding: 0px;
	clear: both;
	text-align: center;
}

input.groovybutton
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#990000;
   width:120px;
   height:20px;
   background-image: url(http://nakedleatherbiker.com/mens-leather/images/chrome.jpg);
   border-style:none;
}
#floatleft {
	margin: 0px 1em 0px 0px;
	padding: 0em 0px 0px;
	float: left;
}

#floatright {
	padding: 0px 0px 0px 1em;
	float: right;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-right: 0px;
	margin-left: 0px;
}
.floatleft {
	margin: 0px 1em 0px 0px;
	padding: 0em 0px 0px;
	float: left;
}

.floatright {
	padding: 0px 0px 0px 1em;
	float: right;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-right: 0px;
	margin-left: 0px;
}
#tablebox {
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
leftbox {
	padding: 1em;
	float: left;
	width: 50%;
	border: medium groove #990000;
}

#borderbox {
	width: auto;
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom: 1em;
}
#suggestright {
	width: 48%;
	margin-right: 0em;
	margin-bottom: 0em;
	border-right: thin double #CCCCCC;
	border-bottom: thin double #CCCCCC;
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
#colum1 {
    background-color:#9c9;
    float:left;
    width:40%;
}
#colum2 {
    background-color:#c9c;
    width:40%;
    margin-left:45%;
}



.thumbnail
{
float: left;
width: 100px;
border: 1px solid #999;
margin: 0 5px 5px 0;
}

.clearboth { clear: both;
}

.clearleft { clear: left;
}

.clearright { clear: right;
}

#suggestbox {
	width: 48%;
	height: auto;
	float: right;
	margin-right: 0em;
	margin-bottom: 0em;
	padding-bottom: 0.5em;
	margin-left: 1%;
	padding-left: 0%;
	border: thin none;
}

/* Styles for the Contact form ../contact-form/ */

div.contact_form
{
  font-family: Verdana, Sans-Serif;
  font-weight: 900;
  font-size:  11px;
  color: #404040;
}

/* graphic style */
div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th    { margin: 0px; padding: 0px; }

div.contact_form table { border-collapse: collapse; }
div.contact_form th    { padding: 0px 10px 3px 0px; vertical-align: top; text-align: left; }
div.contact_form td    { padding: 0px  0px 3px 0px; }

div.contact_form em
{
  font-style:  normal;
  font-weight: 900;
  color: #004080;
}

div.contact_form em.error, div.contact_form form em
{
  color: #FF0000;
}

div.contact_form div.error { margin-bottom: 15px; }


/* ***** Graphics *********************************************************** */

div.contact_form input, div.contact_form textarea
{
  border:     none;
  background: none;
  margin:  0px;
  padding: 0px;
}

div.contact_form input.submit
{
  width:  70px;
  height: 24px;
  background: white url('style-graphic/form_button_submit.png');
}

div.contact_form div.input
{
  float: left;
  background: white no-repeat url('style-graphic/form_input.png');
  line-height: 1px;
}

div.contact_form div.input input,
div.contact_form div.input textarea
{
  border:  1px solid black;
  padding: 1px 1px 1px 3px;
}